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

Name: HSV to RGB Converter
Availability: InStock
Author: Nham Vu

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

109

Blue

181

rgb(36, 109, 181)

HEX

#246DB5

HSL

hsl(210, 67%, 43%)

Summary

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

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

Related tools

Hex To Hsv Hsv To Hex Hsl To Hsv Rgb To Hsv

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