Инструмент проверки контраста WCAG измеряет соотношение яркости между цветами переднего плана и фона, чтобы определить, соответствуют ли они стандартам доступности веб-контента (WCAG) 2.1. Для соответствия уровню AA с обычным текстом требуется соотношение не менее 4,5:1, для уровня AAA — 7:1.
HEX-код цвета, например #4285F4, разбивается на три пары: 42 (красный), 85 (зелёный), F4 (синий). Каждая пара переводится из шестнадцатеричного в десятичное значение. Таким образом, #4285F4 становится RGB(66, 133, 244). Наш конвертер цветов мгновенно обрабатывает форматы HEX, RGB, HSL, HSV, CMYK и OKLCH.
Генератор цветовой палитры создаёт гармоничные цветовые комбинации из базового цвета, используя правила теории цвета. Распространённые схемы включают комплементарную (противоположная на цветовом круге), аналогичную (соседние цвета), триадическую (три равноудалённых цвета) и раздельно-комплементарную. Такие палитры обеспечивают визуальную гармонию в дизайне.
Tailwind CSS использует шкалу оттенков от 50 до 950 для каждого цвета, где 50 — самый светлый тон, а 950 — самый тёмный. Наш генератор оттенков создаёт эту полную шкалу из любого базового цвета, соответствуя перцептивной равномерности Tailwind для согласованных дизайн-систем.
Симулятор дальтонизма применяет математические преобразования к цветам, моделируя их восприятие людьми с нарушениями цветового зрения. Основные типы: дейтеранопия (слепота к зелёному, ~6 % мужчин), протанопия (слепота к красному, ~1 %), тританопия (слепота к синему, редкая) и ахроматопсия (полный дальтонизм).
ColorFYI поддерживает шесть форматов цвета: HEX (#4285F4), RGB (66, 133, 244), HSL (217°, 89 %, 61 %), HSV (217°, 73 %, 96 %), CMYK (73 %, 45 %, 0 %, 4 %) и OKLCH (0,63, 0,17, 264°). OKLCH — перцептивно равномерное цветовое пространство, рекомендованное для современного CSS.
Да, все шесть инструментов ColorFYI абсолютно бесплатны и не требуют регистрации. Они работают полностью в вашем браузере и дают мгновенные результаты — Проверка контраста, Конвертер цветов, Генератор палитры, Генератор оттенков, Симулятор дальтонизма и Генератор градиента.