HSV to RGB Converter

Convert an HSV color — Hue, Saturation, and Value (also called HSB, where the B stands for Brightness) — into the RGB and hex codes you actually use in CSS, design tools, and code. Drag the three sliders and the RGB string, hex code, per-channel breakdown, and a live color swatch update instantly.

What is the HSV color space?

HSV describes a color the way people tend to think about it, rather than as a mix of red, green, and blue light. It has three components:

• Hue (H) — the base color, given as an angle from 0 to 360 degrees around a color wheel. 0° is red, 120° is green, 240° is blue, and it wraps back to red at 360°.
• Saturation (S) — how vivid or "pure" the color is, from 0% (a shade of grey) to 100% (the fully intense color).
• Value / Brightness (V) — how light the color is, from 0% (black) to 100% (as bright as the hue and saturation allow).

Because hue, vividness, and brightness are separated, HSV is popular in color pickers and image editors: you can nudge one property — say, make a color a little less saturated — without disturbing the others. RGB, by contrast, is what screens and stylesheets speak natively, so converting between the two is a common everyday task.

How to use this tool

1. Set the Hue slider (0–360°) to pick your base color.
2. Adjust Saturation (0–100%) for intensity.
3. Adjust Value/Brightness (0–100%) for lightness.

The output updates automatically. You get:

• an rgb(r, g, b) string ready to paste into CSS,
• the matching #RRGGBB hex code,
• a table listing each channel value, and
• a color swatch preview (with copyable HTML).

Use the copy buttons to grab any value.

How the conversion works

The tool uses the standard HSV-to-RGB algorithm. The hue circle is divided into six 60° sectors; within each sector two channels are fixed and one ramps linearly, scaled by saturation and value. The result is rounded to whole 0–255 channel values. A few reference points confirm the math: H0/S100/V100 gives pure red rgb(255, 0, 0), H120 gives pure green, H240 gives pure blue, and S0/V50 gives mid-grey rgb(128, 128, 128).

Is HSV the same as HSB or HSL?

HSV and HSB are two names for the same model. HSL (Hue, Saturation, Lightness) is a different model — its lightness axis behaves differently from HSV's value, so the two are not interchangeable.

Does my color data leave my device?

No. The conversion runs entirely in your browser — nothing you enter is uploaded or stored.

What hex format does it output?

A six-digit #RRGGBB hex code in uppercase, with no alpha channel (HSV has no transparency component).