Безкоштовні інструменти, Зображення та дизайн
Перевірка контрасту
Введіть колір тексту й колір фону, щоб побачити, чи вони читабельні, з підказкою виправлення, якщо ні.
Великий заголовок
Звичайний текст виглядає так. Чи легко його читати?
Рамка кнопки| AA | AAA | |
|---|---|---|
| Звичайний текст | ||
| Великий текст | ||
| Іконки й рамки | — |
Матеріали
Питання
Яке співвідношення контрасту мені потрібне?
Рівень WCAG AA вимагає щонайменше 4,5:1 для звичайного тексту й 3:1 для великого тексту (близько 24 px, або 19 px жирного) та для іконок і рамок полів. Рівень AAA вимагає 7:1 і 4,5:1.
Чому контраст важливий?
Текст із низьким контрастом важко читати людям зі слабким зором, старшим користувачам і всім, хто дивиться в телефон на сонці. Багато країн також вимагають доступного контрасту для публічних і комерційних сайтів.
Як працює підказка?
Коли пара не проходить перевірку, інструмент зберігає відтінок вашого кольору тексту й робить його темнішим або світлішим, поки не пройде AA — тому результат лишається близьким до вашого дизайну.
Ще інструменти: зображення та дизайн
- Видалення фонуПрибирає фон із фото за кілька секунд.
- Стиснення зображеньМенший розмір файлу без помітної втрати якості.
- Конвертер зображеньПеретворення між PNG, JPG і WebP, а також SVG у PNG.
- HEIC у JPGПеретворює фото з iPhone на JPG, які відкриваються будь-де.
- Зміна розміру зображеньЗміна розміру та обрізка під точні параметри для Instagram, YouTube, Facebook та інших.
- Кольорова палітра із зображенняДістає основні кольори з будь-якого фото з кодами HEX і RGB.