Текст #ffffff на #ff2056: проверка контраста
Проверьте текст на фоне по WCAG 2 и APCA одновременно и исправьте в один клик.
Распознали как HEX
Распознали как HEX
Крупный заголовок
Основной текст важнее всего: его читают минутами, а не секундами.
Мелкий текст, подписи и подсказки
КнопкаWCAG 2.2
3,75:1
- AA · обычный текстНе проходит
- AA · крупный текстПроходит
- AAA · обычный текстНе проходит
- AAA · крупный текстНе проходит
APCA
Lc -68,3
Текст от 18 px или жирный
Версия APCA-W3 0.1.9. APCA — кандидат для WCAG 3, показываем его как ориентир.
Сделать доступным
Ближайший цвет, который проходит. Меняется только светлота, тон остаётся вашим.
| Поправить текст | Поправить фон | |
|---|---|---|
| WCAG AA 4,5:1 | #1d1d1d | #ec0048 |
| WCAG AAA 7:1 | Одной светлотой этого не добиться. | #b50030 |
| APCA Lc 75 | Одной светлотой этого не добиться. | #e80044 |