About the RGB to HSV Converter
HSV describes a colour the way people think about it: which colour it is (hue), how strong it is (saturation) and how bright it is (value). Photoshop, Figma, Procreate and many colour pickers call the same model HSB, with B for brightness. This converter takes an RGB colour, with each channel from 0 to 255, and gives its hue in degrees and its saturation and value as percentages, along with a swatch and the matching hex code. Everything runs in your browser.
Updated October 2026
How to use the RGB to HSV Converter
- 1Type the red value (0–255).
- 2Type the green value.
- 3Type the blue value.
- 4Read the HSV result and check the swatch.
- 5Copy the HSV text or the hex code.
Why designers like HSV
RGB tells a screen how much red, green and blue light to mix, which is not how people imagine colour. With HSV you can keep the same hue and make it paler by lowering saturation, or darker by lowering value. That makes it ideal for building colour palettes, hover states and gradients that stay in the same family.
How the numbers work
Hue is an angle: 0° is red, 60° yellow, 120° green, 180° cyan, 240° blue and 300° magenta. Saturation and value run from 0 to 100%. A saturation of 0% always gives a grey; a value of 0% always gives black.
- Red rgb(255, 0, 0) = hsv(0, 100%, 100%)
- Orange rgb(255, 136, 0) = hsv(32, 100%, 100%)
- Navy rgb(0, 0, 128) = hsv(240, 100%, 50%)
- Grey rgb(128, 128, 128) = hsv(0, 0%, 50%)
Rounding and accuracy
The hue is rounded to whole degrees and the percentages to whole numbers, the same precision most colour pickers show. Converting back to RGB can differ by one step in a channel because RGB only has 256 levels per channel; that difference is invisible on screen.
Where to use the result
Paste the HSV figures into a colour picker set to HSB, or use them in code: many graphics libraries, game engines and LED controllers take hue, saturation and value directly. For CSS, which supports HSL rather than HSV, our RGB to HSL converter gives the matching values.
On phone and computer
The three boxes are big enough for thumbs, and the swatch updates as you type so you can see the colour on your own screen. On a computer the answer sits beside the inputs. HSV describes a colour by hue, saturation and value. Go back with the HSV to RGB Converter, try the RGB to HSL Converter for another model, and get a web code with the RGB to HEX Converter.
Features
- RGB to HSV / HSB instantly
- Live colour swatch
- Hex code shown too
- Checks each value is in range
- One-tap copy
- Private: nothing leaves your device
Frequently asked questions
How do I convert RGB to HSV?
Divide R, G and B by 255. Value is the largest of the three. Saturation is (max − min) ÷ max. Hue depends on which channel is largest and is measured in degrees around the colour wheel. The converter does all of this for you.
Is HSV the same as HSB?
Yes. HSB (hue, saturation, brightness) is another name for HSV (hue, saturation, value). Adobe apps use HSB; many programming libraries say HSV.
What is the difference between HSV and HSL?
Both use the same hue, but HSV's value is the brightness of the strongest channel, while HSL's lightness sits between black and white. Pure red is HSV(0, 100%, 100%) but HSL(0, 100%, 50%).
What is the HSV of pure white?
White is HSV(0, 0%, 100%): no saturation and full value. Black is HSV(0, 0%, 0%), and the hue doesn't matter for either.
Why is the hue 0 for grey colours?
Greys have no colour, so the hue is undefined. By convention it is shown as 0, and the saturation is 0%.
Can I type values like 50%?
Use whole numbers from 0 to 255 for RGB. If your values are percentages, multiply them by 2.55 first.