RGB to HSV (HSB) converter
Enter the red, green and blue values and get HSV values, the model behind the color pickers in Photoshop and Figma.
Loading the tool…
Processing and privacy: The result is calculated inside your browser and your data is not sent to any server.
How to use it
- Enter red (r), green (g) and blue (b).
- The result appears straight away and updates as you edit.
- Copy the result, or copy a link that keeps the same values to share it.
How it is calculated
With max and min of R/255, G/255, B/255 and d = max - min: V = max, S = d / max (0 when max = 0), and H comes from the largest channel: 60 × ((G - B) / d mod 6), 60 × ((B - R) / d + 2) or 60 × ((R - G) / d + 4).
Example
Inputs: Red (R) = 30, Green (G) = 144, Blue (B) = 255. Result: HSV code: hsv(209.6, 88.2%, 100%); Hue (H): 209.6 °; Saturation (S): 88.2 %.
Limits and caveats
- Values in the code are rounded to one decimal, so converting back can shift an RGB channel by 1.
- All values are treated as sRGB, the default web color space, not Display P3 or Adobe RGB.
Questions about this tool
Is HSV saturation the same as HSL saturation?
No, each model computes it differently: rgb(30, 144, 255) has 88.2% saturation in HSV and 100% in HSL.
What range do the RGB fields accept?
Each channel takes a whole number from 0 to 255, where 0 means none of that light and 255 means full intensity.
Is HSV the same as HSB?
Yes. They are two names for one model; V (value) and B (brightness) mean the same thing, and Photoshop labels it HSB.