Перейти к подбору цвета

Текст #022f2e на #009689: проверка контраста

Проверьте текст на фоне по WCAG 2 и APCA одновременно и исправьте в один клик.

Распознали как HEX

Распознали как HEX

Крупный заголовок

Основной текст в размере для чтения. Им набрана большая часть страницы, поэтому ему нужен самый высокий контраст.

Мелкий текст, подписи и подсказки

Кнопка

Только для крупного текста

Подходит для заголовков от 24 px или от 19 px жирным. Для основного текста слабо.

3,95:1

  • AA · обычный текстНе проходит
  • AA · крупный текстПроходит
  • AAA · обычный текстНе проходит
  • AAA · крупный текстНе проходит

Lc 35,4

Подписи и плейсхолдеры

Версия APCA-W3 0.1.9. APCA — кандидат для WCAG 3, показываем его как ориентир.

Сделать доступным

Ближайший цвет, который проходит. Меняется только светлота, тон остаётся вашим.

Поправить текстПоправить фон
WCAG AA 4,5:1#002423#1ea093
WCAG AAA 7:1Одной светлотой этого не добиться.#51c6b8
APCA Lc 75Одной светлотой этого не добиться.#73e5d6