分類: 開發工具

色彩轉換

在 HEX、RGB 與 HSL 之間轉換。

以 HEX、rgb() 或 hsl() 輸入色彩,同時得到三種格式,並附上即時色塊與選色器。

HEX#0f7b63RGBrgb(15, 123, 99)HSLhsl(167, 78%, 27%)

本頁的所有處理都在瀏覽器中完成,不會上傳任何內容。

這個工具能做什麼

HEX 寫法精簡,RGB 對應螢幕混合光線的方式,HSL 則以色相、飽和度與亮度描述色彩,手動微調更直覺。彼此轉換不會改變顏色,只是提供樣式表或設計工具需要的寫法。

使用方式

  1. 輸入 #0f7b63、rgb(15, 123, 99) 或 hsl(170, 78%, 27%) 這類色彩值。
  2. 也可以用選色器直接挑選。
  3. 在色塊下方查看 HEX、RGB 與 HSL 值。

隱私說明

本工具完全在你的瀏覽器中執行。輸入的內容不會被上傳、儲存或分享,關閉分頁就隨之消失。

常見問題

支援哪些輸入格式?
支援帶或不帶 # 的三碼與六碼 HEX,以及 rgb()、rgba()、hsl() 與 hsla() 寫法。
支援透明度嗎?
轉換時會忽略透明度,工具會以三種格式提供不透明的色彩值。