Color Contrast Checker
Pick two colors and see the WCAG contrast ratio with AA / AAA results in real time.
21.00 : 1
Excellent — AAA
The quick brown fox jumps over the lazy dog.
WCAG 2.1 defines contrast for body copy at 4.5:1 and large headings at 3:1. AAA is stricter at 7:1.
Action button ✓ AA — normal text ≥ 4.5 : 1 Pass
✓ AAA — normal text ≥ 7 : 1 Pass
✓ AA — large text ≥ 3 : 1 (≥ 18pt or 14pt bold) Pass
✓ AAA — large text ≥ 4.5 : 1 Pass
✓ AA — UI & graphics ≥ 3 : 1 (borders, icons) Pass
Прочети повече Скрий
Как се ползва
- Выберите цвет текста и фона.
- Смотрите коэффициент и WCAG AA/AAA.
- Поменяйте местами при необходимости.
ЧЗВ
- Загрузка?
- Нет. Всё выполняется в браузере; файлы никуда не загружаются.
- Стандарт?
- WCAG 2.x, относительная яркость.
- Крупный текст?
- Другие пороги для AA/AAA.