色碼轉換器
在 HEX、RGB、HSL 色彩表示法之間互相轉換。
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
使用範例
轉換設計稿中的色碼
將設計工具提供的 HEX 色碼,轉換成 CSS 中可直接使用的 RGB 或 HSL 數值。
由 RGB 數值產生 HEX 色碼
輸入從影像編輯軟體取得的 RGB 數值,立即取得對應的 HEX 色碼供程式碼使用。
用 HSL 理解明度與飽和度
將同一個顏色轉成 HSL,觀察在色相(H)不變的情況下,如何調整飽和度或明度。
常見問題
我輸入的色彩值會傳送到伺服器嗎?
不會。所有轉換都只在您的瀏覽器中進行,輸入的色彩值不會傳送到任何伺服器。
是否支援3碼簡寫的HEX色碼?
是的。像 #FFF 這樣的簡寫色碼會被辨識,並在轉換前展開成6碼。
輸入 RGB 或 HSL 時該用什麼格式?
請用逗號或空白分隔數字,例如 RGB 輸入「59, 130, 246」,HSL 輸入「217, 91, 60」。
用顏色選擇器挑選顏色也會同步更新數值嗎?
會。只要用顏色選擇器選了顏色,HEX、RGB、HSL 數值都會立即同步更新。