Инструмент доступности
Калькулятор контрастности цветов
Убедитесь, что текст и фон соответствуют требованиям контрастности WCAG 2.1 AA и AAA.
Коэффициент контрастности 21.00 к 1.
Минимальный коэффициент 4.5:1 требуется для обычного текста (WCAG AA).
WCAG AA (Normal)
Pass
Requires 4.5:1
WCAG AA (Large)
Pass
Requires 3.0:1
WCAG AAA (Normal)
Pass
Requires 7.0:1
WCAG AAA (Large)
Pass
Requires 4.5:1
The quick brown fox
Large Text (≥ 18pt or 14pt bold)
The quick brown fox jumps over the lazy dog.
Normal Text
Как использовать этот инструмент
Введите цвета текста и фона в формате hex.
Калькулятор автоматически определит, соответствуют ли они требованиям контрастности WCAG.
Формула относительной яркости
L = 0.2126·R + 0.7152·G + 0.0722·B
Где R, G и B — линеаризованные каналы:
- Если
c_sRGB ≤ 0.03928→c = c_sRGB / 12.92 - Иначе →
c = ((c_sRGB + 0.055) / 1.055) ^ 2.4
Затем рассчитывается коэффициент контрастности (CR): CR = (L1 + 0.05) / (L2 + 0.05), где L1 — более светлый цвет, а L2 — более темный.
Что проверяет этот инструмент
Этот инструмент автоматически проверяет коэффициент контрастности между вашим текстом и фоном на соответствие стандартам WCAG 2.1 AA и AAA.
Ограничения автоматической проверки
Автоматизированные инструменты не могут точно оценить контрастность на градиентах, фоновых изображениях или сложных паттернах. В таких случаях требуется ручная проверка.