Бесплатный инструмент

Калькулятор контрастности цветов

Убедитесь, что текст и фон соответствуют требованиям контрастности WCAG 2.1 AA и AAA.

Last updated: Июнь 2026Спросить ИИ об этом
Contrast Ratio
21.00:1
WCAG AA (Normal)
WCAG AA (Large)
WCAG AAA (Normal)
WCAG AAA (Large)
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 — более темный.