Конвертер кодов цветов — Бесплатно Онлайн
Конвертируйте цвета между HEX, RGB, HSL, HSV и CMYK.
Who uses the Конвертер кодов цветов?
- Frontend-разработчики, конвертирующие HEX-образец из дизайн-инструмента в RGB или HSL для CSS-переменной.
- Студенты, изучающие, как HEX, RGB и HSL по-разному представляют один и тот же цвет.
- Дизайнеры, перепроверяющие значение цвета, скопированное из гайдлайна или скриншота.
How the Конвертер кодов цветов works
Выберите вкладку — HEX, RGB или HSL — соответствующую формату вашего цвета.
Введите значение: HEX-код вроде #FF5733 или числовые поля R/G/B либо H/S/L.
Два других формата и образец цвета обновляются автоматически по мере ввода.
Считайте значения HEX, RGB и HSL из строки результата под образцом.
Tips & tricks
- Переключайте вкладки в соответствии с форматом ввода — поля под каждой вкладкой независимы, а не единое универсальное поле.
- Образец цвета обновляется вживую, что позволяет визуально проверить сконвертированное значение перед копированием.
- HSL часто удобнее для настройки яркости или интенсивности цвета — увеличьте L, чтобы осветлить, уменьшите S, чтобы приглушить.
- Альфа-канала/прозрачности нет — для CSS с прозрачностью добавьте значение альфа вручную после конвертации (например, rgba(r, g, b, 0.5)).
Frequently Asked Questions
Какие форматы цвета CSS поддерживает этот инструмент?
Этот инструмент конвертирует между HEX (3- или 6-значный), RGB и HSL — тремя самыми распространёнными форматами цвета CSS. Он пока не поддерживает альфа-каналы RGBA/HSLA, HSB/HSV, CMYK или именованные CSS-цвета вроде «coral».
В чём разница между RGB и HSL?
RGB определяет цвет через компоненты красного, зелёного и синего света (0–255 каждый). HSL определяет его через оттенок (0–360°), насыщенность (0–100%) и светлоту (0–100%) — часто более интуитивно для настройки цвета, поскольку можно осветлить или обесцветить без пересчёта RGB.
Как конвертировать именованный CSS-цвет вроде «coral» в HEX?
Этот инструмент не ищет именованные цвета — введите его HEX-значение напрямую (coral = #FF7F50). Найти HEX-значение именованного цвета можно в спецификации CSS Color Module или в любом браузерном выборе цвета.
Что такое HSB/HSV и поддерживает ли его этот инструмент?
HSB (оттенок, насыщенность, яркость), также известный как HSV, используется в Photoshop и многих дизайн-инструментах — он похож на HSL, но по-другому определяет третий канал. Этот инструмент конвертирует только HEX/RGB/HSL; если ваш источник — HSB, сначала преобразуйте его в дизайн-инструменте.
Можно ли конвертировать цвета с CSS-переменными (custom properties)?
Введите фактическое значение цвета, а не имя переменной. Сначала разрешите --my-color в её значение, затем конвертируйте. Инструмент работает с реальными значениями цвета, а не со ссылками на CSS-переменные.
Is my data safe when using the Конвертер кодов цветов?
Completely safe. The Конвертер кодов цветов processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the Конвертер кодов цветов output in commercial projects?
Yes. The Конвертер кодов цветов is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the Конвертер кодов цветов follow official standards?
Yes. The Конвертер кодов цветов is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.