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