Конвертер RGB в HSB
Получите тон, насыщенность и яркость цвета RGB, чтобы ввести их в Photoshop, Figma или Sketch.
Ввод rgb
Результат · HSB
hsb(344, 76%, 100%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Как пользоваться: RGB в HSB
- 1
Введите цвет
Впишите код цвета или выберите его пипеткой — каждое поле принимает свой формат.
- 2
Получите результат
Значение пересчитывается мгновенно, по мере ввода, вместе с превью цвета.
- 3
Скопируйте код
Скопируйте нужное значение в один клик и вставьте в дизайн, CSS или настройки печати.
Что означает HSB
HSB расшифровывается как hue, saturation, brightness — тон, насыщенность и яркость. Это та же модель, что и HSV, отличается только название третьего компонента, и именно так её называют палитры Adobe Photoshop, Illustrator, Figma и Sketch. Тон задаётся в градусах от 0 до 360, насыщенность и яркость — в процентах.
Переводите RGB в HSB, когда у вас есть значения каналов из скриншота, сайта или техзадания и нужно ввести цвет в дизайн-программу, работающую в HSB, или когда хочется лучше понять цвет: низкая насыщенность означает сероватый тон, низкая яркость — тёмный. Например, rgb(255, 61, 114) превращается в hsb(344, 76%, 100%). Инструмент также показывает HEX, HSL, HSV и CMYK для того же цвета, у каждого значения есть кнопка копирования.
Всё работает локально в вашем браузере — изображения никуда не загружаются.