Перевірка контрастності кольорів
Створюйте доступні кольорові комбінації з упевненістю
#000000
#f0f4f8
Попередній перегляд
Звичайний текст
This is an example of normal body text that would appear on your website or application.
Великий текст
This is an example of large text (18pt or 14pt bold).
"Good design is accessible design. Contrast is essential for readability."
Коефіцієнт контрастності
19.00:1
0
ОЦІНКА
Звичайний текст
AAA
Великий текст
AAA
WCAG 2.1: AA вимагає 4,5:1 для звичайного тексту, 3:1 для великого тексту. AAA вимагає 7:1 для звичайного тексту, 4,5:1 для великого тексту.
Поради та пропозиції
- ✦Maintain a contrast ratio of at least 4.5:1 for normal text.
- ✦Use 3:1 or higher for large text (18pt or 14pt bold).
- ✦Consider using darker text on lighter backgrounds or vice versa.
- ✦For full WCAG AAA compliance, aim for a ratio of 7:1.
- ✦Adjust brightness or saturation slightly to improve contrast.