HEX в HSL
Преобразуйте цветовые коды HEX в значения HSL с точностью, идеально подходящей для систем управления цветом и дизайна.
Конвертер цветов
Цветовой результат
HSL Values
0° = Red, 120° = Green, 240° = Blue
0% = Gray, 100% = Full color
0% = Black, 100% = White
RGB Equivalent
rgb(255, 255, 255)
hsl(0, 0%, 100%)
Примеры преобразования
Красный
HEX: #FF0000
HSL: 0°, 100%, 50%
Зеленый
HEX: #00FF00
HSL: 120°, 100%, 50%
Синий
HEX: #0000FF
HSL: 240°, 100%, 50%
Желтый
HEX: #FFFF00
HSL: 60°, 100%, 50%
пурпурный
HEX: #FF00FF
HSL: 300°, 100%, 50%
Голубой
HEX: #00FFFF
HSL: 180°, 100%, 50%
Рекомендуемые инструменты
HSL to HEX
Преобразование цветовых значений HSL обратно в цветовые коды HEX для веб-разработки
HSL to RGB Converter
Преобразуйте цветовые значения HSL в цветовые коды RGB для цифрового дизайна
Генератор цветовой гармонии
Создание дополнительных цветовых схем с использованием теории цвета HSL
HSL Color Manipulator
Отрегулируйте оттенок, насыщенность и яркость, чтобы создать цветовые вариации.
Об этом инструменте
Наш конвертер HEX в HSL преобразует шестнадцатеричные цветовые коды в цветовую модель HSL (оттенок, насыщенность, яркость), что особенно полезно для манипуляций с цветом и создания согласованных цветовых схем.
HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).
Это преобразование особенно ценно для веб-разработчиков и дизайнеров, работающих с CSS, поскольку HSL позволяет интуитивно корректировать цвет. Изменение одного компонента (оттенка, насыщенности или яркости) даёт предсказуемые результаты, что упрощает создание цветовых вариаций и гармоний.
Процесс преобразования сначала преобразует HEX в RGB, затем преобразует RGB в HSL с использованием стандартных отраслевых алгоритмов, которые точно сохраняют целостность цвета между различными цветовыми моделями.