色彩專區
色彩對比度檢查工具
依據WCAG文字對比度門檻檢查兩種色彩。
色彩對比度檢查工具: TOEA套用以下固定公式：對比度 = (L1 + 0.05) ÷ (L2 + 0.05)。色彩運算會在您的瀏覽器中於本機執行。 全程在瀏覽器中於本機執行，檔案不會上傳至伺服器。
- 分類
- 日常工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
結果表單 / 02
對比度比例
17.74
- 一般文字AA
- Pass
- 一般文字AAA
- Pass
- 大型文字AA
- Pass
- 大型文字AAA
- Pass
- 摘要
- AAA for normal and large text
計算公式
對比度 = (L1 + 0.05) ÷ (L2 + 0.05)假設條件 / 使用前請閱讀
- 結果是確定性的sRGB數學轉換；顯示外觀取決於您的螢幕和色彩設定檔。
- HEX輸入接受#RGB或#RRGGBB表示法。值會留在您的瀏覽器中，不會上傳。
什麼算是大型文字
WCAG將大型文字定義為至少18 point，約24 CSS像素；或粗體14 point，約18.7像素。只有這些大小的文字可以使用較低的3:1門檻；內文、說明文字和表單標籤需要達到4.5:1才能符合AA。對比度範圍從相同色彩的1:1，到白底黑字的21:1。按鈕外框、表單欄位邊框、焦點指示器和具有意義的圖示，則適用另一項「非文字對比度」規則，要求與相鄰色彩達到3:1。
透明色彩與豁免項目
此檢查工具需要使用不透明色彩。若是半透明文字或覆蓋層，請在色彩混合器中將它與背景混合，使用不透明度作為權重，算出實際顯示的色彩後再進行檢查。
停用的控制項、純裝飾元素和標誌不受對比度規則限制。表單欄位中的預留位置文字則不在豁免範圍內，這也是淡灰色預留位置文字最常見的失敗原因之一。
使用方式
- 輸入有效的#RGB或#RRGGBB值，以及任何要求的百分比。
- 執行固定、在瀏覽器本機處理的色彩運算。
- 查看色票，並複製結果或調色盤值。
隱私與限制
色彩值會留在這部裝置上。對比度結果是數學檢查結果，不代表全面的WCAG合規保證；情境、字型顯示、非文字對比度及使用者介面狀態仍需另外檢查。
相關工具
常見問題
對比度檢查工具如何運作？
工具會使用對比度 = (L1 + 0.05) ÷ (L2 + 0.05)。
接受哪些HEX格式？
請使用三位數的#RGB或六位數的#RRGGBB sRGB表示法。不接受Alpha通道和具名色彩。
對比度結果是否能保證符合無障礙規範？
不能。這是針對所報告色彩和文字門檻的數學對比度檢查工具，不代表全面的合規保證。
免費工具・使用在瀏覽器中次・免註冊