How do I convert HSV to RGB?

The hue selects a sector of the color wheel, and saturation and value scale it into red, green and blue channels from 0 to 255. This converter runs that math and also outputs HEX and CMYK.

What is the difference between HSV and HSL?

Both begin with hue, but HSV's third value is brightness, where 100 percent can be a fully saturated color, while HSL's is lightness, where 100 percent is always white. They give different numbers for the same color.

Is HSV the same as HSB?

Yes. HSB (hue, saturation, brightness) is another name for HSV; the value and brightness channels are identical, so the two models are interchangeable.

What ranges do the HSV fields use?

Hue runs from 0 to 360 degrees, saturation from 0 to 100 percent and value (brightness) from 0 to 100 percent. Hue 0 and hue 360 both map to red.

Does the HSV converter work offline?

Yes. It runs entirely in your browser with no server call, so once the page has loaded it keeps converting without an internet connection and sends nothing away.

HSV to Color Tone

Set hue, saturation and value and see the resulting color tone, converted to RGB, HEX and CMYK in real time.

HSV color converter

Enter a color in HSV and see it converted to every other color model instantly - no upload, everything runs on this page.

Hue (0–360)Saturation %Value %

RGB

rgb(61, 109, 242)

HEX

#3D6DF2

CMYK

cmyk(75%, 55%, 0%, 5%)

HSV

hsv(224°, 75%, 95%)

About HSV to Color Tone

HSV describes a color by hue, saturation and value rather than by raw channel amounts, which makes it the model most people find intuitive to adjust. Hue is an angle from 0 to 360 degrees around the color wheel (0 and 360 are both red), saturation is how intense the color is from 0 to 100 percent, and value is its brightness from 0 to 100 percent. Enter the three and this converter renders the tone and gives you the equivalent RGB, HEX and CMYK values.

HSV is often confused with HSL, and the difference is worth knowing: both share the same hue, but HSV's third channel is brightness, where 100 percent can be a fully saturated, vivid color, whereas HSL's third channel is lightness, where 100 percent is always white. The same color therefore produces different numbers in each model. HSV is also identical to HSB - the "value" and "brightness" labels refer to the same channel - so codes from software that uses HSB drop straight in.

Internally the hue selects a sector of the color wheel and saturation and value scale it into red, green and blue from 0 to 255, from which the HEX and CMYK forms follow. Everything is computed on the page itself, with no upload and no server round trip, so it keeps converting even offline and runs on privacy-first European infrastructure with no trackers.

How to use it

1Enter Hue in degrees (0 to 360), then Saturation and Value as percentages (0 to 100).
2Watch the swatch show the tone for that hue, saturation and brightness combination.
3Read the RGB, HEX and CMYK equivalents beneath the preview.
4Nudge saturation or value to lighten, darken or mute the tone and see it update live.

Common use cases

-Turn an HSV value from a color picker into a HEX code for CSS.
-Explore tints and shades of one hue by varying saturation and value.
-Translate colors between design software using HSV/HSB and code that needs HEX or RGB.
-Find the RGB numbers behind a hue chosen from a color wheel.

Frequently asked questions

How do I convert HSV to RGB?: The hue selects a sector of the color wheel, and saturation and value scale it into red, green and blue channels from 0 to 255. This converter runs that math and also outputs HEX and CMYK.
What is the difference between HSV and HSL?: Both begin with hue, but HSV's third value is brightness, where 100 percent can be a fully saturated color, while HSL's is lightness, where 100 percent is always white. They give different numbers for the same color.
Is HSV the same as HSB?: Yes. HSB (hue, saturation, brightness) is another name for HSV; the value and brightness channels are identical, so the two models are interchangeable.
What ranges do the HSV fields use?: Hue runs from 0 to 360 degrees, saturation from 0 to 100 percent and value (brightness) from 0 to 100 percent. Hue 0 and hue 360 both map to red.
Does the HSV converter work offline?: Yes. It runs entirely in your browser with no server call, so once the page has loaded it keeps converting without an internet connection and sends nothing away.