HSV stands for Hue, Saturation, Value. Hue is the color angle (0–360°), Saturation is the intensity from 0% (gray) to 100% (fully saturated), and Value is brightness from 0% (black) to 100% (full brightness). It is also called HSB (Hue, Saturation, Brightness).

How does HSV convert to RGB?

The hue determines which of six 60-degree color sectors applies. Within that sector, chroma (C = V × S) and an intermediate value X are used to derive three pre-channel values. The value offset M = V − C is added to each channel, then multiplied by 255 to produce R, G, and B integers.

What is the difference between HSV and HSL?

In HSV a Value of 100% with any saturation gives a pure bright color, while in HSL a Lightness of 100% always gives white regardless of saturation. HSV is more intuitive for painters choosing tints and shades, while HSL is used directly in CSS.

Is HSV the same as HSB?

Yes. HSB (Hue, Saturation, Brightness) is an alternate name for the HSV model. The formulas, channel ranges, and conversion results are identical.

What are the RGB values for pure red, green, and blue in HSV?

Pure red is HSV(0°, 100%, 100%) = RGB(255, 0, 0). Pure green is HSV(120°, 100%, 100%) = RGB(0, 255, 0). Pure blue is HSV(240°, 100%, 100%) = RGB(0, 0, 255).

Is my color data sent to a server?

No. All calculations run locally in your browser using JavaScript. No data leaves your device.

HSV to RGB Converter

Enter HSV values or drag the sliders to instantly see the equivalent RGB, HEX, and HSL color values with a live preview swatch.

HSV Input

Hue

deg

Saturation

Value

Quick Presets

RGB

Red

Green

132

Blue

230

rgb(34, 132, 230)

HEX

#2284E6

HSL

hsl(210, 80%, 52%)

Summary

The HSV to RGB Converter translates Hue (0–360°), Saturation (0–100%), and Value (0–100%) into RGB channel values (0–255), a HEX color code, and HSL notation — all at once. The conversion runs entirely in your browser with no data sent to any server, making it fast and private.

How it works

Enter or drag the Hue slider (0–360°) to select the base color angle.
Adjust the Saturation slider (0–100%) to set the color intensity from gray to fully saturated.
Set the Value slider (0–100%) to control brightness from black to full brightness.
RGB, HEX, and HSL outputs update instantly as you move each slider.
Click any Copy button to copy that format to your clipboard.
Use the color presets for one-click access to common colors.

Use cases

Convert HSV output from image editors like Photoshop or GIMP into CSS-ready RGB or HEX values.
Translate algorithmically generated HSV colors into RGB for use in canvas or WebGL.
Verify color channel transformations when building design tools or color pickers.
Match brand colors specified in HSV format across web and mobile projects.
Learn the relationship between HSV, RGB, HEX, and HSL color models.
Generate CSS color strings from hue-based palettes.
Debug graphics code that outputs HSV values.
Quickly validate color conversions during UI development workflows.

Frequently Asked Questions

Last updated: 2026-05-28 · Reviewed by Nham Vu