色碼轉換器 — HEX、RGB、HSL、OKLCH

把 HEX 色碼轉成 RGB、HSL、OKLCH,也能反向讀取。再填一個背景色,就會算出 WCAG 對比度,並給出一般文字與大型文字的 AA/AAA 判定。所有運算都在瀏覽器內完成。

使用方法

  1. 貼上 HEX 色碼、rgb() 或 hsl() 值,或用選色器挑顏色。
  2. 直接用複製鈕取得 HEX、RGB、HSL 或 OKLCH 值。
  3. 填入背景色即可看到對比度與 AA/AAA 結果。

對比度採用 WCAG 2.x 的相對亮度公式。透明度(alpha)會被忽略 — 半透明顏色的實際對比取決於後方底色,請輸入合成後的最終顏色。

相關工具