跳到取色器

#e7000b 背景上的 #fef2f2 文字:對比度檢查

同時用 WCAG 2 和 APCA 檢查文字與背景的對比度,一鍵修正。

辨識為 HEX

辨識為 HEX

大標題

這是一般閱讀字級的內文。頁面上大部分的文字都是這樣排版,所以最需要足夠的對比度。

小字、圖說和提示

按鈕

只適合大字

適合 24 px 以上的標題或 19 px 以上的粗體,不適合內文。

4.36:1

  • AA · 一般文字未通過
  • AA · 大字通過
  • AAA · 一般文字未通過
  • AAA · 大字未通過

Lc -68.7

內容文字,18px 或粗體

版本 APCA-W3 0.1.9。APCA 是 WCAG 3 的候選演算法,僅供參考。

修正對比度

能通過檢查的最接近顏色。只調整亮度,色相維持不變。

調整文字調整背景
WCAG AA 4.5:1#fff6f6#e30003
WCAG AAA 7:1只調整亮度無法達到。#ab0000
APCA Lc 75#ffffff#cc0000