Конвертер цветов
Конвертируйте между HEX, RGB и HSL.
- Мгновенно
- Бесплатно
- Приватно (обработка локально)
- Без регистрации
Один инструмент для всех форматов цвета
Дизайнеры и разработчики постоянно переключаются между HEX, RGB и HSL. Этот конвертер связывает все три: измените один — остальные обновятся, с живым предпросмотром цвета.
Как пользоваться
-
Выберите цвет
С помощью визуального выбора или введя код HEX, RGB или HSL.
-
Прочитайте все три формата
Эквивалентные значения появляются мгновенно.
-
Скопируйте код
Клик по значку копирует нужный формат, готовый для CSS.
Идеально для создания гайдлайна, настройки контраста или поиска эквивалента фирменного цвета.
Частые вопросы
В чём разница между HEX, RGB и HSL?
HEX (#RRGGBB) и RGB описывают цвет через красную, зелёную и синюю составляющие. HSL описывает его через тон, насыщенность и светлоту, что удобнее для подбора оттенка. Все три представляют один и тот же цвет.
Как преобразовать код HEX в RGB?
Каждая пара символов кода HEX — шестнадцатеричное число от 0 до 255. Пример: #6366F1 → rgb(99, 102, 241). Инструмент делает это автоматически в обе стороны.
Можно ли выбрать цвет визуально?
Да. Встроенный выбор цвета мгновенно обновляет все три формата, а предпросмотр отражает ваш выбор в реальном времени.
Совместимы ли коды с CSS?
Да. Полученные форматы (#hex, rgb(), hsl()) вставляются прямо в таблицу стилей или в инструмент дизайна.