RGB to HSB Converter
Get hue, saturation and brightness values from an RGB color to enter them in Photoshop, Figma or Sketch.
rgb input
Result · 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%)
How to use: RGB to HSB
- 1
Enter a color
Type a color code or choose a color with the picker — every field accepts the format it shows.
- 2
See it converted
The result updates instantly as you type, together with a live preview of the color.
- 3
Copy the code
Copy the value you need with one click and paste it into your design, CSS or print settings.
What HSB means
HSB stands for hue, saturation and brightness. It is the same model as HSV — only the name of the third component differs — and it is the name Adobe Photoshop, Illustrator, Figma and Sketch use in their color pickers. Hue is given in degrees from 0 to 360, saturation and brightness in percent.
Convert RGB to HSB when you have channel values from a screenshot, a website or a spec and want to type the color into a design app that works in HSB, or when you want to understand a color better: low saturation means a greyish tone, low brightness means a dark one. For example, rgb(255, 61, 114) becomes hsb(344, 76%, 100%). The tool also shows HEX, HSL, HSV and CMYK for the same color, each with a copy button.
Everything runs locally in your browser — your images are never uploaded to a server.