Нормализовать · рассчитать · проверить

Одна пара цветов. Воспроизводимый коэффициент.

ContrastCheck превращает два непрозрачных hex-цвета в относительную яркость, точный коэффициент WCAG 2.x и пять понятных пороговых ориентиров прямо в браузере.

Открыть проверку контраста

Без аккаунта, загрузки, обхода CSS, сохранения палитры, удалённого запроса или заявления о соответствии.

Три явных шага

Введите, рассчитайте, проверьте в контексте

01

Введите два hex-цвета

Используйте три или шесть цифр для непрозрачных текста и фона.

02

Прочитайте коэффициент и яркость

Текущая формула W3C sRGB и веса яркости дают устойчивый итог.

03

Сопоставьте с реальным контекстом

Определите категорию текста, состояния и соседние цвета вне калькулятора.

Точная арифметика дизайна

Полезно для прозрачной проверки заданной пары

  • Сравнить цвет текста с известной сплошной поверхностью.
  • Проверить пару дизайн-системы по заданному порогу.
  • Воспроизвести результат по нормализованным hex-цветам.
  • Объяснить, почему близкие серые лежат по разные стороны 4.5:1.

Известные границы и крайние точки

Воспроизведите 21:1 и границу 4.5:1

Разобранные примеры связывают точные цвета с яркостью, коэффициентами, консервативным отображением и статусами.
Открыть примеры

Одна непрозрачная пара · локальный расчёт

Проверьте те же цвета в ContrastCheck

Введите hex-цвета текста и фона, чтобы локально воспроизвести точный коэффициент WCAG 2.x, пять пороговых ориентиров и фиксированный пример без загрузки цветов.

Открыть ContrastCheck