色彩格式轉換

轉換 HEX、RGB、HSL 與透明度，即時檢視色樣並複製可用於 CSS 的色值。

直接修改任一色彩值，其他格式與色樣會同步更新。

HEX

RGB

HSL

顏色不透明度 100%

內容僅在此瀏覽器處理，不會上傳或儲存。

工具介紹

把設計稿顏色帶入 CSS 時可使用手邊格式；只處理 sRGB，不換算 CMYK 或印刷特別色。

設計工具

輸入色值或使用選色器，再以滑桿調整透明度。支援 3、4、6、8 位 HEX，以及 RGB/HSL 透明度。RGB 接受 0–255 或百分比，HSL 飽和度與亮度使用百分比；超出範圍會報錯。不處理印刷 CMYK 或廣色域轉換。

HEX、RGB、HSL 各有可編輯欄位，修改任一個，其餘兩個即時更新。編輯中的文字與游標會保留。未完成或無效輸入會標示在該欄，修正前無法複製色彩。

CSS 採 #RRGGBBAA，最後兩位是透明度，與某些軟體的 ARGB 順序不同；RGB、HSL 也可帶透明度。

例如 rgb(255 0 0 / 50%) 或 hsl(0 100% 50%)。也支援逗號語法，但不要與斜線混用；不接受顏色名稱或 CMYK。

HEX 只有 256 階透明度，0.5 會捨入為 80，代表 128/255。要保留小數透明度時，請使用 RGB 或 HSL，而非八位 HEX。