Перевірка контрастності WCAG
Перевірте, чи комбінація кольорів тексту та фону відповідає рівням доступності AA та AAA.
Як перевірити контраст двох кольорів
Виберіть колір тексту та фону
Введіть коди HEX або скористайтеся візуальними селекторами для обох кольорів.
Перегляньте коефіцієнт контрастності
Ви миттєво побачите розраховане значення контрастності разом із попередглядом тексту на обраному фоні.
Перевірте відповідність стандартам WCAG AA або AAA
Інструмент показує, чи підходить комбінація для звичайного та великого тексту на кожному рівні.
Часті питання про контрастність кольорів
Гарний контраст між текстом і фоном необхідний для того, щоб будь-хто міг читати ваш вміст, включаючи людей зі слабким зором. PDFDocks розраховує точний коефіцієнт контрастності відповідно до стандарту WCAG.
Що означають AA та AAA?
+
Це два рівні відповідності рекомендацій WCAG з доступності: AA — мінімальний рекомендований рівень, а AAA — найбільш суворий рівень.
Яке співвідношення контрасту мені потрібно?
+
Для звичайного тексту рекомендується мінімум 4.5:1 (AA) або 7:1 (AAA); для великого тексту — 3:1 (AA) або 4.5:1 (AAA).
Чому важливий контраст?
+
Недостатній контраст ускладнює читання, особливо для людей зі слабким зором або на екранах з великим навколишнім світлом.
Чи потрібно встановлювати якусь програму?
+
Ні, не потрібно нічого встановлювати. Вона працює прямо з браузера.
Це безплатно?
+
Так, цей інструмент повністю безплатний.
Чи можна перевіряти дизайн всього веб-сайту?
+
Інструмент призначений для перевірки конкретних комбінацій; щоб провести аудит всього веб-сайту, потрібно перевірити кожну комбінацію тексту і фону, яку ви використовуєте.
Кольори
Конвертер кольорів (HEX, RGB, HSL, CMYK)
Миттєво конвертуйте будь-який колір між HEX, RGB, HSL та CMYK із живим перегляданням та найближчою назвою кольору.
Генератор палітр кольорів
Створюйте гармонійні палітри з 5 кольорів (комплементарні, аналогічні, тріадичні або монохроматичні) на основі вибраного кольору.
Генератор градієнтів CSS
Створюйте лінійні або радіальні градієнти з до 4 кольорів і копіюйте готовий код CSS.
Випадковий колір
Генеруйте випадковий колір одним кліком і дізнавайтеся його назву, HEX/RGB/HSL код та подібні кольори.
Вибір кольору (піпетка)
Вибирайте будь-який колір з екрана за допомогою інструменту піпетки браузера або скористайтеся класичним палітрою.
Симулятор кольорослipості
Завантажте зображення та перевірте, як його бачать люди з протанопією, дейтеранопією або тританопією.
Генератор Mesh-градієнтів
Створюй фони з mesh-градієнтами (розмиті кольорові плями) та завантажуй у PNG або копіюй код CSS.
Генератор відтінків і тіней
Автоматично генеруйте світліші відтінки та темніші тіні будь-якого кольору з його HEX-кодом.
Змішувач Кольорів
Змішайте два кольори та відкрийте проміжні відтінки поетапно, з їхнім кодом HEX.
Колірне колесо (Гармонії)
Виберіть колір на колесі й відкрийте його гармонійні комбінації: комплементарні, аналогічні, тріадичні та більше.
Екстрактор палітри з зображення
Завантажте зображення та автоматично витягніть його домінуючі кольори в палітру з HEX-кодом для кожного.
Середній Колір Зображення
Завантажте зображення та миттєво розрахуйте його середній колір з кодами HEX, RGB і HSL.
Досліджуйте кольори за сімействами
Більш ніж 469 названих кольорів з кодами HEX, RGB, HSL та CMYK, організовані в 12 сімейств тонів.
