顏色對比度檢查
算出背景色和文字色之間的對比度，告訴你有沒有過網頁無障礙的門檻（WCAG AA 和 AAA），還配了即時的文字預覽，可以直接用眼睛判斷。
🎨 全部在你的瀏覽器裡執行。不用裝，也不用註冊。
大標題看起來是這樣
內文大小的字，讀起來是這個程度。
小字（圖說）會縮到這麼小 —— 對比不夠的話，最先露餡的就是這裡。
對比度
3.68 : 1
只能用在大字上
未達
AA 內文
4.5:1
通過
AA 大字
3:1
未達
AAA 內文
7:1
未達
AAA 大字
4.5:1
這些標準是什麼意思
- · AA 4.5:1 —— 這是網頁無障礙的底線。內文必須過這一關。
- · 3:1 —— 18pt（粗體 14pt）以上時標準會放寬。
- · AAA 7:1 —— 更嚴的標準，公共網站有時會要求。
- 對比度取決於明暗差，不是色差。所以黃底上放白字，顏色明明不同，還是讀不出來。
這個工具能做什麼
- 1 到 21 的對比度
- AA 與 AAA 是否通過
- 大字另有一套判定
- 自動調明度直到通過
其他顏色工具
顏色會因螢幕和色彩描述檔而略有差別。