← 全部工具

HEX、RGB、HSL、OKLCH 與對比

轉換不透明HEX、RGB、HSL、OKLCH及命名色彩,再比較前景/背景的WCAG對比。

color-converter本機處理

正在啟用本機工具…

每欄最多 1 MiB UTF-8(SQL 為 100,000 字元);輸出最多 2 MiB。載入 15 秒、處理 2 秒後停止。只在本機處理,不上傳或儲存。

僅支援不透明數值 HEX/RGB/HSL/OKLCH 與命名色彩,alpha 必須為 1;不支援 CSS 運算式或其他色域。OKLCH 明度限制於 0–1、負彩度歸零;無彩色 hue 顯示 0(原輸入 none 視為 0)。超出 sRGB 時保留原 OKLCH,HEX/RGB/HSL 與預覽採通道裁切至 8-bit sRGB,並標示裁切;這不是瀏覽器的感知色域映射。 CSS Color 4

輸入內容或載入範例後執行。

剪貼簿受限時,可手動選取唯讀輸出。

WCAG 2.1 對比

接受不透明HEX、RGB、HSL、OKLCH與命名色彩。以未四捨五入的8-bit sRGB比例判定;超色域採與轉換器相同的通道裁切,不分析漸層、透明度、圖片或實際頁面。

一般16px文字範例。

大型粗體文字

21.000:1

  • AA normal ≥4.5: 通過
  • AA large ≥3: 通過
  • AAA normal ≥7: 通過
  • AAA large ≥4.5: 通過

如何使用這個工具

輸入支援的色彩或使用選色器,轉換後檢查本機色塊,再複製HEX、RGB、HSL或OKLCH。

不適合用在什麼情況

透明度必須完全不透明。不支援系統/繼承色彩及任意CSS運算式。超出sRGB的OKLCH保留原式;預覽與對比使用已明示的8-bit sRGB通道裁切。