Перевірка контрастності кольорів
BetaПеревірте, чи відповідає ваша комбінація кольорів тексту та фону вимогам WCAG щодо доступності.
- Безкоштовно
- Без реєстрації
- Запускається у вашому браузері
- Працює на мобільному
Короткий огляд Перевірка контрастності кольорів
- Вхід
- Кольори переднього плану та фону
- Вихід
- Коефіцієнт контрастності та статус відповідності WCAG
- Конфіденційність
- Все відбувається на вашому пристрої. Нічого не завантажено.
- Ціна
- Безкоштовно, без облікового запису, без водяного знака.
Як використовувати Перевірка контрастності кольорів
- 1Введіть колір тексту (переднього плану) і колір фону.
- 2Інструмент миттєво розраховує коефіцієнт контрастності між двома кольорами.
- 3Він показує, чи відповідає комбінація стандартам WCAG AA та AAA для звичайного та великого тексту.
Особливості
- Розрахунок коефіцієнта контрастності в реальному часі.
- Статус відповідності WCAG AA та AAA.
- Підтримує формати кольорів HEX, RGB або HSL.
- Візуальний попередній перегляд тексту на вибраному тлі.
Поширені запитання про Перевірка контрастності кольорів
Що таке WCAG?
WCAG означає Рекомендації щодо доступності веб-вмісту. Це набір стандартів для того, щоб зробити веб-вміст більш доступним для людей з обмеженими можливостями, включно з вадами зору.
Що таке хороший коефіцієнт контрастності?
WCAG AA вимагає співвідношення принаймні 4,5:1 для звичайного тексту та 3,1:1 для великого тексту. WCAG AAA вимагає 7:1 для нормального тексту та 4,5:1 для великого тексту.
Чому контраст важливий?
Високий контраст гарантує, що текст буде розбірливим для всіх, особливо для користувачів із слабким зором або дальтонізмом.
Пов’язані інструменти
Конвертер HEX у RGBBetaМиттєво перетворюйте коди кольорів HEX на RGB і навпаки.Декодер Base64Декодувати Base64 (стандартний або URL-безпечний) назад до тексту.Кодер Base64Кодуйте текст у форматі Base64 із безпечним параметром URL-адреси.Генератор радіусу кордонуВізуально заокруглюйте кути, один або всі одразу, і скопіюйте скорочення CSS.
Більше {категорія}Останнє оновлення