MoaKit
全部工具

颜色对比度检查

按 WCAG AA/AAA 和 APCA 检查文字与背景的对比度,并推荐最接近的达标颜色。

미리보기

큰 제목 글자

본문 글자는 이 정도 크기예요. 오래 읽어도 눈이 편한지 확인해 보세요.

작은 안내 글자 12px

버튼

7.57:1

아주 좋아요

APCA Lc 86.3 · 본문에 충분

  • AA 본문 글자일반 글자(약 18px 미만) · 4.5:1기준 통과
  • AA 큰 글자24px 이상, 또는 굵은 19px 이상 · 3:1기준 통과
  • AAA 본문 글자더 엄격한 기준 · 7:1기준 통과
  • AAA 큰 글자큰 글자의 엄격한 기준 · 4.5:1기준 통과
  • 아이콘·입력칸 테두리버튼 모양, 아이콘, 포커스 표시 (WCAG 1.4.11) · 3:1기준 통과

什么是颜色对比度检查?

计算文字颜色与背景颜色的对比度,并告诉你是否符合网页无障碍标准(WCAG)。

使用方法

  1. 输入文字颜色和背景颜色。
  2. 查看对比度。
  3. 如果达不到标准,就调整颜色。

使用技巧

  • 正文文字建议在 4.5:1 以上,大字建议在 3:1 以上。