Конвертер HSL в HSV
Переведите тон, насыщенность и светлоту в тон, насыщенность и яркость (HSB) для графических программ.
Ввод hsl
Результат · HSV
hsv(342, 76%, 100%)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Как пользоваться: HSL в HSV
- 1
Введите цвет
Впишите код цвета или выберите его пипеткой — каждое поле принимает свой формат.
- 2
Получите результат
Значение пересчитывается мгновенно, по мере ввода, вместе с превью цвета.
- 3
Скопируйте код
Скопируйте нужное значение в один клик и вставьте в дизайн, CSS или настройки печати.
Сравнение HSL и HSV
И HSL, и HSV начинаются с тона — угла на цветовом круге — и обе описывают остальное двумя процентами, но проценты означают разное. В HSL светлота 50% — это чистый цвет, а 100% — всегда белый. В HSV, который также называют HSB, яркость 100% — это самая яркая версия тона, а белый — яркость 100% при насыщенности 0%. Насыщенность тоже считается по-разному, поэтому числа нельзя просто перенести.
Вот почему цвет, записанный в CSS как hsl(120, 100%, 25%) — цвет Green в CSS, — нужно вводить в палитру HSV как hsv(120, 100%, 50%). Используйте этот конвертер, когда переносите цвета из веб-кода в Photoshop, Figma, Blender или код обработки изображений, работающий в HSV. Тон остаётся прежним, меняются только насыщенность и третье значение.
Всё работает локально в вашем браузере — изображения никуда не загружаются.