HSV to RGB converter
Enter hue, saturation and value and get the equivalent RGB value instantly,
with a live colour swatch and a copy button. HSV (also called HSB) is the model
behind most colour pickers, so this tool turns those picker numbers back into the
rgb() values you need for CSS and design software.
How it works
The converter normalises the hue with a wrap so any angle maps onto 0–360, and clamps saturation and value to 0–100%. It divides the hue by 60 to find which of the six segments of the colour wheel it falls in, then computes a chroma C = V × S (the colourfulness), an intermediate X for the mixing edge, and a match value m = V − C that raises every channel to the correct brightness. The right pair of C, X and 0 is assigned to red, green and blue for that segment, m is added, and each channel is multiplied by 255 and rounded to a 0–255 integer.
Example
For hsv(217, 76%, 96%):
- Hue 217° is in the blue region, S = 0.76, V = 0.96
- C = 0.96 × 0.76 ≈ 0.730, m = 0.96 − 0.730 ≈ 0.230
- Result: roughly rgb(59, 130, 246) = #3b82f6
| HSV | RGB |
|---|---|
| hsv(0, 100%, 100%) | rgb(255, 0, 0) |
| hsv(120, 100%, 100%) | rgb(0, 255, 0) |
| hsv(0, 0%, 100%) | rgb(255, 255, 255) |
| hsv(0, 0%, 0%) | rgb(0, 0, 0) |
All in your browser, nothing uploaded.