Конструктор доступной палитры

Добавляйте цвета в палитру и мгновенно проверяйте, какие пары текст/фон соответствуют требованиям контраста WCAG AA (4.5:1) и AAA (7:1). Безопасные варианты подбираются автоматически.

Цвет

Hex value

Работает полностью в вашем браузере. Данные не загружаются.

Как это работает

STEP 1

Добавьте цвета

Введите hex-значения цветов и добавьте их в палитру. Смешивайте фирменные, нейтральные и акцентные цвета.

STEP 2

Проверьте пары

Все возможные комбинации текст/фон автоматически проверяются по стандартам WCAG AA и AAA.

STEP 3

Используйте безопасные пары

Зелёные ячейки — проходят, красные — нет. Нажмите на любую не прошедшую пару, чтобы получить доступный альтернативный вариант.