Конвертировать цвет HEX, RGB и HSL
Переведите цвет между HEX, RGB и HSL.
Результат
Заполните поля и выполните расчёт. Готовые данные появятся здесь.
Как пользоваться
- Выберите исходное представление цвета.
- Введите значение и проверьте образец.
- Скопируйте нужный формат.
Пример
Красный цвет в разных записях
#ff0000
Преобразуйте HEX в RGB и HSL.
RGB 255, 0, 0; HSL 0°, 100%, 50%.
Форматы и ограничения
Получите разные записи одного цвета для дизайна или кода. Цветовой образец помогает обнаружить ошибку ввода до копирования результата.
- На входе
- HEX 3/6 знаков, RGB, HSL
- Результат
- TXT, JSON
Эквивалентные записи выбранного цвета в HEX, RGB и HSL.
- Непрозрачные цвета; RGB — целые 0–255, насыщенность и светлота HSL — 0–100%.
Alpha не поддерживается. Цвет на экране зависит от устройства и не является калибровкой печати.
Обработка выполняется на вашем устройстве. Файлы и введённые данные не отправляются серверу; после обновления страницы редактор сбрасывается.
Обработка выполняется в памяти браузера. Введённые данные не отправляются серверу и не сохраняются сервисом; сохраните результат до закрытия страницы. Прозрачность alpha не поддерживается. Отображение цвета зависит от экрана; преобразование не выполняет калибровку или управление профилями печати.
Вопросы об инструменте
Можно ли преобразовать цвет с прозрачностью?
Нет. Принимаются непрозрачные значения без alpha.
Показывает ли результат цвет в CMYK?
Нет. Поддерживаются HEX, RGB и HSL; управление печатными профилями не выполняется.
Понимает ли конвертер короткую запись #abc?
Да. Три знака разворачиваются в шесть: #abc соответствует #AABBCC. Знак # в исходном HEX можно не указывать.
Можно ли вводить RGB в процентах?
Нет. Для RGB требуются три целых канала от 0 до 255, например 18, 104, 73. Процентная запись RGB не поддерживается.
Как задать насыщенность и светлоту HSL?
Введите три значения: оттенок в градусах, насыщенность и светлоту от 0 до 100. Например, 158, 70.5%, 23.9%; для дробей используется точка.
Почему после преобразования HSL цвет немного округляется?
Цвет переводится в целые RGB-каналы, а затем из них вычисляется итоговый HSL. Промежуточное округление RGB и отображение HSL до трёх десятичных знаков могут изменить дробные исходные значения.
Разобраться в задаче
Все инструкцииКак подготовить PNG из SVG-логотипа и получить его палитру
Проверка поддерживаемого SVG, выбор размеров растровой копии и работа с HEX, RGB и HSL без обещания точной фирменной палитры.
Читать инструкциюДанные и полезное4 минКак выбрать читаемую пару цветов для текста и фона
Возьмите цвет из палитры, приведите его к HEX и проверьте контраст реального текста на однотонном фоне.
Читать инструкцию