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