Convert

HSV to RGB converter

Choose the HSV tab, set hue, saturation and value, and read the matching RGB color instantly. Hex, HSL and CMYK come along for free, so you always see the full picture.

#12C2E9
HEX#12C2E9
RGBrgb(18, 194, 233)
HSLhsl(191, 86%, 49%)
HSVhsv(191, 92%, 91%)
CMYKcmyk(92%, 17%, 0%, 9%)
Shades and tints
04272f
074e5d
0b748c
0e9bba
12c2e9
41ceed
71daf2
a0e7f6
d0f3fb
Complementary
12c2e9
e93912
Analogous
12e9a5
12c2e9
1257e9
Triadic
12c2e9
e912c2
c2e912

How HSV becomes RGB

HSV describes a color with three ideas that map neatly onto a color picker. Hue is the angle around the wheel, saturation is how far the color sits from grey, and value is how bright it is. RGB instead states the raw red, green and blue light. To convert, HueKit finds the base hue, scales it by the saturation, and then lifts the whole thing to the chosen value before splitting it into three channels from 0 to 255.

Since HSV and RGB live in the same color space, the conversion is exact apart from rounding each channel to a whole number. That means you can design in HSV and hand off clean RGB values with confidence.

Why HSV suits color pickers

Most color pickers show a square of saturation and value with a hue slider beside it, which is HSV drawn directly on screen. Drag up for a brighter color, drag right for a purer one, and slide the hue to travel around the wheel. Because value at full is the pure color rather than white, the top right corner is always the boldest version of the hue.

  • Hold the hue and lower value for a darker, richer tone.
  • Drop saturation toward grey for a soft, washed out look.
  • Sweep the hue to audition a whole family of colors quickly.

For a lightness based scale instead, try the HSL to RGB converter, and the full color converter covers every model.

Frequently asked questions

How do I convert HSV to RGB?

Hue picks a base color on the wheel, saturation controls how pure it is, and value controls how bright. HueKit combines those into red, green and blue channels from 0 to 255 as you drag the sliders.

What is the difference between HSV and HSL?

Both share hue and saturation, but the third axis differs. In HSV, value at 100 percent is the full pure color. In HSL, lightness at 100 percent is always white. That makes HSV feel natural in color pickers and HSL handy for building light to dark scales.

Is HSV the same as HSB?

Yes. HSB stands for hue, saturation and brightness, which is just another name for value. Many design tools label the same model HSB, so the numbers transfer directly.

Related tools