Перевірка контрасту кольорів
Переконайтеся, що ваш текст зручно читати всім.
Виберіть колір тексту й колір тла, щоб побачити коефіцієнт контрасту та відповідність рівням доступності WCAG 2: AA і AAA для звичайного й великого тексту та мінімум 3:1 для іконок і елементів керування. Попередній перегляд показує справжній текст у цих кольорах, а кольори можна поміняти місцями одним клацанням.
Як перевірити контраст кольорів
- Крок 1
Введіть кольори тексту й тла.
- Крок 2
Подивіться коефіцієнт контрасту й результати WCAG.
- Крок 3
Змінюйте кольори, доки не пройдуть усі потрібні рівні.
Чому PhotoTools
Рівні WCAG 2
AA і AAA для звичайного й великого тексту.
Живий перегляд
Справжній текст у ваших кольорах.
Будь-який формат
HEX, RGB, HSL або назви кольорів.
Підтримувані формати
Результат
- WCAG
Часті запитання
Який контраст потрібен?
WCAG AA вимагає 4,5:1 для звичайного тексту й 3:1 для великого (18 пт або 14 пт жирним) та елементів керування; AAA — 7:1 і 4,5:1.
Чи збігається значення з іншими сервісами?
Так. Використовується формула відносної яскравості WCAG 2 — та сама, що в інструментах розробника браузерів.
Це безкоштовно?
Так. Браузерні інструменти PhotoTools безкоштовні, без обмежень і працюють без акаунта.