Colour Contrast Checker: перевірка контрасту кольорів
Безкоштовний інструмент для перевірки контрасту тексту й фону з оцінками WCAG AA та AAA, налаштуваннями HEX, RGB і HSL та прикладами типографіки.
Про ресурс
WhoCanUse допомагає дизайнерам і розробникам дослідити, як поєднання кольорів тексту й фону може виглядати для різних людей. Інструмент поєднує коефіцієнт контрастності з візуальними прикладами. Він стане в пригоді під час вибору кольорів інтерфейсу та пояснення, чому оформлення тексту потребує змін. Введіть кольори фону й тексту у форматі HEX або налаштуйте їхній тон, насиченість і світлість. Укажіть розмір тексту, за потреби ввімкніть жирне накреслення та перегляньте коефіцієнт контрастності й оцінку WCAG. Налаштування обох кольорів залишаються поруч, тож вплив змін можна одразу оцінювати на зразку. Результати містять симуляції кількох видів порушення кольоросприйняття, а також катаракти, глаукоми й слабкого зору. Окремі приклади відтворюють вплив прямого сонячного світла та нічного режиму екрана. Вони допомагають помітити відмінності, які складно уявити лише за числовим показником контрасту. Для практичної перевірки візьміть із макета фактичні кольори тексту й фону, розмір і накреслення шрифту. Перевірте підпис або абзац, скоригуйте пару та повторіть перевірку для інших станів інтерфейсу. Інструмент працює у браузері без облікового запису й оплати, тому зручний для швидких перевірок під час обговорення дизайну. Сприймайте симуляції як приблизні ілюстрації. Наведені відсотки є оцінками для окремих станів зору й не утворюють повного розподілу користувачів. Позитивна оцінка кольорової пари не підтверджує доступність усього інтерфейсу: керування клавіатурою, структура, текстові альтернативи та перевірки за участю людей потребують окремої уваги.
Використання та ліцензія
Браузерний інструмент доступний безкоштовно. Код в офіційному репозиторії має ліцензію MIT, яка дозволяє використання, зміну й поширення зі збереженням повідомлень про авторські права та дозволи. Програмне забезпечення надається без гарантій; його симуляції не є сертифікацією доступності.
Перед використанням перевірте актуальні умови на сайті автора.Схожі ресурси
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
Neumorphism.io: генератор CSS-тіней для Soft UI
Безкоштовний генератор неоморфних поверхонь із налаштуванням кольору, форми, тіней та копіюванням CSS.