Перевірка Контрасту Кольорів
Перевірте відповідність контрасту кольорів WCAG для доступності
Перевірте відповідність контрасту кольорів WCAG для доступності
- Підготуйте ввід
Виберіть потрібні параметри за допомогою елементів нижче.
- Виконайте завдання
Налаштуйте елементи нижче та перевірте попередній перегляд.
- Використайте результат
Перевірте результат і скористайтеся доступними функціями копіювання або завантаження.
Два непрозорі кольори RGB hex. Показник округлено, пороги використовують повне значення. Розміри в пунктах. Це не аудит доступності сторінки.
Вибір Кольору
Попередній Перегляд
The quick brown fox jumps over the lazy dog
Коефіцієнт Контрастності 21.00:1
WCAG AA
ПройденоЗвичайний Текст (4.5:1)
ПройденоВеликий Текст (3:1)
ПройденоUI Компоненти (3:1)
WCAG AAA
ПройденоЗвичайний Текст (7:1)
ПройденоВеликий Текст (4.5:1)
Вибраний текст: AAA
Інформація про Колір
Foreground
HEX:#000000
RGB:0, 0, 0
Luminance:0.00%
Background
HEX:#FFFFFF
RGB:255, 255, 255
Luminance:100.00%
Загальні Пари
Safe Combinations (High Contrast)
Common Combinations
Перевірка Контрасту Кольорів
Професійна перевірка контрасту WCAG для веб-доступності. Тестуйте кольорові комбінації для відповідності AA та AAA.
Функції
- Два непрозорі кольори RGB hex. Показник округлено, пороги використовують повне значення. Розміри в пунктах. Це не аудит доступності сторінки.
Як використовувати
- Введіть hex-колір із 3 або 6 цифр, наприклад #777777.
- Розмір Тексту
- Коефіцієнт Контрастності