Чому контраст кольорів важливий для доступності
WCAG 2.1 вимагає певних коефіцієнтів контрасту. AA: 4.5:1 для звичайного тексту, 3:1 для великого. AAA: 7:1 та 4.5:1.
Налаштування cookie
Ми використовуємо cookie для аналітики. Політика конфіденційності Ви можете прийняти або відхилити необов'язкове відстеження.
Перевіряйте співвідношення контрасту для WCAG 2.1 AA та AAA. Тестуйте комбінації тексту та фону на читабельність.
> Конвертація кольорів: HEX / RGB / HSL / CMYK. Гармонії, WCAG.
WCAG 2.1 вимагає певних коефіцієнтів контрасту. AA: 4.5:1 для звичайного тексту, 3:1 для великого. AAA: 7:1 та 4.5:1.
Мінімум 4.5:1 для звичайного тексту та 3:1 для великого (18px+ або 14px+ жирний).
Перегляньте популярні сценарії для Палітра кольорів нижче. Кожна сторінка — окремий калькулятор із розібраними прикладами та граничними випадками.
Обирайте кольори візуально та миттєво отримуйте HEX коди для HTML, CSS, SVG та веб-дизайну.
Обрати HEX КолірМиттєво конвертуйте RGB значення у HEX коди. Введіть R, G, B (0-255) і отримайте #RRGGBB.
Конвертувати RGB в HEXГенеруйте гармонійні CSS палітри з базового кольору: комплементарні, аналогічні, тріадні та монохромні.
Згенерувати ПалітруПеревіряйте співвідношення контрасту для WCAG 2.1 AA та AAA. Тестуйте комбінації тексту та фону на читабельність.
Перевірити Контраст