設計

色彩轉換器

HEX、RGB、HSL 互轉。

rgb()
RGB · 點擊複製
hsl()
HSL · 點擊複製
cmyk()
CMYK 估算 · 點選複製

根據 sRGB 估算;無 ICC 配置檔案。不能替代印刷打樣。

對比指引顯示於此。

管線: 配色方案產生器 · 色彩明暗產生器 · 色彩對比度檢測

在 HEX、RGB、HSL、OKLCH 和 LAB 之間轉換顏色

選擇顏色或貼上 HEX/HEXA 代碼。所有格式都會即時更新並保留 alpha,同時提供經 D50 校正的 CSS Lab,以及相對於白色和黑色文字的 WCAG 對比度徽章。

常見問題

支援哪些格式?

HEX/HEXA、RGB、HSL、OKLCH、CIELAB 與估算的 CMYK 值。CSS lab() 輸出使用規定的 D50 白點,並在各格式之間保留 alpha 通道。

可以複製這些值嗎?

可以——點選任一數值即可複製;使用「複製所有格式」取得完整文字區塊,或下載 CSV 用於試算表。

適合用於 CSS 嗎?

可以——RGB、HSL 與 OKLCH 輸出已完成格式化,可直接貼到 CSS。流程連結可將顏色傳送到調色盤、色階與對比度工具。

最後更新日期: