#e60076 背景上的 #fdf2f8 文字:對比度檢查
同時用 WCAG 2 和 APCA 檢查文字與背景的對比度,一鍵修正。
辨識為 HEX
辨識為 HEX
大標題
這是一般閱讀字級的內文。頁面上大部分的文字都是這樣排版,所以最需要足夠的對比度。
小字、圖說和提示
按鈕只適合大字
適合 24 px 以上的標題或 19 px 以上的粗體,不適合內文。
4.16:1
- AA · 一般文字未通過
- AA · 大字通過
- AAA · 一般文字未通過
- AAA · 大字未通過
Lc -67.6
內容文字,18px 或粗體
版本 APCA-W3 0.1.9。APCA 是 WCAG 3 的候選演算法,僅供參考。
修正對比度
能通過檢查的最接近顏色。只調整亮度,色相維持不變。
| 調整文字 | 調整背景 | |
|---|---|---|
| WCAG AA 4.5:1 | #ffffff | #dc006e |
| WCAG AAA 7:1 | 只調整亮度無法達到。 | #a70050 |
| APCA Lc 75 | 只調整亮度無法達到。 | #c80062 |