PantoneTools

HSL в HEX

Преобразуйте цветовые значения HSL в цветовые коды HEX с точностью, идеально подходящей для веб-дизайна и цифровых приложений.

Конвертер цветов

HSL Input

180° 360°
100%
0% 50% 100%
50%
0% 50% 100%

Нажмите на образцы цветов для примеров

HEX Output

HEX Value

RGB Value

rgb(255, 0, 0)

HSL Value

hsl(0°, 100%, 50%)

Детали цвета

Тип цвета

Красный

Яркость

Высокий

CSS-совместимость

Полная поддержка

Веб-безопасность

Да

Примеры преобразования

Красный

HSL: 0°, 100%, 50%

HEX: #FF0000

Зеленый

HSL: 120°, 100%, 50%

HEX: #00FF00

Синий

HSL: 240°, 100%, 50%

HEX: #0000FF

Желтый

HSL: 60°, 100%, 50%

HEX: #FFFF00

пурпурный

HSL: 300°, 100%, 50%

HEX: #FF00FF

Голубой

HSL: 180°, 100%, 50%

HEX: #00FFFF

Рекомендуемые инструменты

Об этом инструменте

Наш конвертер HSL в HEX обеспечивает точное преобразование между этими двумя популярными цветовыми форматами, используемыми в цифровом дизайне и веб-разработке.

HSL (Hue, Saturation, Lightness) is a color model that describes colors in terms that align with human perception. It's particularly intuitive for creating color variations and schemes, allowing designers to easily adjust saturation and lightness while maintaining the same hue.

HEX (Hexadecimal) is a six-character code representing RGB color values in hexadecimal format. It's the most common color format used in web design and CSS, offering a compact way to specify colors with exact precision.

Этот инструмент преобразования объединяет эти два формата, позволяя дизайнерам работать в более интуитивно понятной модели HSL, генерируя HEX-коды, необходимые для реализации на веб-сайтах и ​​в цифровых приложениях. Преобразование выполняется математически точно, обеспечивая точную цветопередачу в обоих форматах.

Часто задаваемые вопросы