評估文字在自訂背景顏色上的可讀性,以符合 WCAG AA 與 AAA 無障礙規範要求。同時支援在 HEX、RGB 與 HSL 表示法之間轉換色彩代碼。
輸入前景顏色
以 HEX、RGB 或 HSL 格式輸入您的文字顏色。
設定背景顏色
選擇白色、黑色,或輸入自訂背景代碼以測試對比度。
檢查 & 調整
確認合規指標;若需要更高對比度,只需點擊任一亮度色階即可調整。
測試您所選的顏色在純白、純黑或任何自訂背景下的表現。此工具會回報精確的對比度比例,並確認是否符合 AA(4.5:1)、AAA(7.0:1)或大字體(3.0:1)要求。
當品牌色彩未達到無障礙對比度門檻時,點擊運算出的 9 階亮度色階之一,即可在不改變核心色相的前提下找到合規的色調。
支援 HEX(#RGB、#RRGGBB、#RRGGBBAA)、rgb()、hsl()、以空格分隔的三元組,以及超過 50 種具名 CSS 顏色。
不會,本工具專為數位網頁與螢幕顯示格式(HEX、RGB、HSL)打造。
可以,系統可自動辨識並轉換約 50 種標準 CSS 具名顏色。