驗證 WCAG 對比度並轉換色彩格式

評估文字在自訂背景顏色上的可讀性,以符合 WCAG AA 與 AAA 無障礙規範要求。同時支援在 HEX、RGB 與 HSL 表示法之間轉換色彩代碼。

步驟說明

  1. 1

    輸入前景顏色

    以 HEX、RGB 或 HSL 格式輸入您的文字顏色。

  2. 2

    設定背景顏色

    選擇白色、黑色,或輸入自訂背景代碼以測試對比度。

  3. 3

    檢查 & 調整

    確認合規指標;若需要更高對比度,只需點擊任一亮度色階即可調整。

即時 WCAG 合規性檢測

測試您所選的顏色在純白、純黑或任何自訂背景下的表現。此工具會回報精確的對比度比例,並確認是否符合 AA(4.5:1)、AAA(7.0:1)或大字體(3.0:1)要求。

9 階亮度色階,快速修正

當品牌色彩未達到無障礙對比度門檻時,點擊運算出的 9 階亮度色階之一,即可在不改變核心色相的前提下找到合規的色調。

全方位色彩格式支援

支援 HEX(#RGB、#RRGGBB、#RRGGBBAA)、rgb()、hsl()、以空格分隔的三元組,以及超過 50 種具名 CSS 顏色。

情境使用指南

色彩代碼轉換器 →

常見問題

此工具會產生 CMYK 印刷分色或 Pantone 色票嗎?

不會,本工具專為數位網頁與螢幕顯示格式(HEX、RGB、HSL)打造。

我可以輸入像 'steelblue' 或 'goldenrod' 這類的標準 CSS 名稱嗎?

可以,系統可自動辨識並轉換約 50 種標準 CSS 具名顏色。