Валидация цветового кода: проверка hex, RGB и HSL

Что такое валидация цветового кода?

Проверяет, соответствует ли значение цвета формату hex (#FF6600), RGB, HSL или именованным CSS-цветам.

Современная веб-разработка использует множественные цветовые нотации. Валидация обеспечивает согласованность.

Как работает валидатор

Анализирует ввод и проверяет валидность формата и диапазоны значений.

• Определение формата — автоматически идентифицирует hex, RGB, HSL или именованный CSS-цвет
• Проверка диапазонов — проверяет допустимость числовых значений
• Конвертация — показывает цвет во всех эквивалентных форматах

Справочник форматов

Веб-разработка использует несколько цветовых нотаций.

• Hex — коды из 3-8 символов с префиксом #. Самый распространённый формат CSS
• RGB/RGBA — каналы как числа от 0-255 с необязательной альфой
• HSL/HSLA — оттенок, насыщенность и светлота

Когда использовать

Необходима когда цвета перемещаются между инструментами.

• Передача дизайна — валидируйте цветовые токены
• Конфигурация темы — проверяйте значения в конфигурации
• Пользовательский контент — валидируйте цветовые вводы

FAQ

Разница между 3- и 6-значными hex?

3-значный код является сокращением где каждая цифра удваивается. #F60 раскрывается в #FF6600.

Именованные CSS-цвета универсальны?

Валидны в CSS и SVG но не всегда в других контекстах.

Как работает альфа-прозрачность?

Альфа контролирует непрозрачность от 0 до 1. В hex — 2 дополнительных символа.