Convert HSV to RGB
Converting Hue, Saturation, Value (HSV) to Red, Green, Blue (RGB) is a precise, rule-based operation — both formats describe the same color with different numbers. Whether you are tuning a CSS custom property, matching a brand color across design tools, or preparing values for print, this page gives you an interactive converter, the exact HSV → RGB method, a worked example, a quick-reference table and the details that matter (rounding, gamut and print caveats).
From
To
—
—
—
Live preview
How to convert HSV to RGB
Take this real example — the color firebrick(#c2410c):
hsv(17.47, 93.81%, 76.08%) → rgb(194, 65, 12)
- Normalize: H to 0–360°, S and V to 0–1.
- Compute C = V·S and X = C·(1 − |((H/60) mod 2) − 1|), then m = V − C.
- Pick (R′, G′, B′) from the sector table, add m and scale to 0–255.
C = V·S, X = C·(1 − |(H/60 mod 2) − 1|), m = V − C
HSV to RGB conversion table
| Color | HSV | RGB |
|---|---|---|
| White | hsv(0, 0%, 100%) | rgb(255, 255, 255) |
| Black | hsv(0, 0%, 0%) | rgb(0, 0, 0) |
| Red | hsv(0, 100%, 100%) | rgb(255, 0, 0) |
| Lime | hsv(120, 100%, 100%) | rgb(0, 255, 0) |
| Blue | hsv(240, 100%, 100%) | rgb(0, 0, 255) |
| VersatilBox accent | hsv(17.47, 93.81%, 76.08%) | rgb(194, 65, 12) |
| Tailwind blue-500 | hsv(217.22, 76.02%, 96.47%) | rgb(59, 130, 246) |
| Tailwind emerald-500 | hsv(160.12, 91.35%, 72.55%) | rgb(16, 185, 129) |
About these formats
HSV (Hue, Saturation, Value). HSV is like HSL but with brightness ("value") instead of lightness — the model behind classic color pickers and graphics software (also called HSB). An industry convention, not a CSS space.
RGB (Red, Green, Blue). RGB is the additive model screens use: every color is a mix of red, green and blue light from 0 to 255 per channel. It is the numeric base all on-screen conversions pass through.
Frequently asked questions
How do I convert HSV to RGB?
Normalize: H to 0–360°, S and V to 0–1. Compute C = V·S and X = C·(1 − |((H/60) mod 2) − 1|), then m = V − C. Pick (R′, G′, B′) from the sector table, add m and scale to 0–255. The converter above does it instantly, including the reverse direction.
What is HSV?
HSV — Hue, Saturation, Value — is like HSL but with brightness ("value") instead of lightness — the model behind classic color pickers and graphics software (also called HSB). An industry convention, not a CSS space.
What is RGB used for?
RGB (Red, Green, Blue) is the additive model screens use: every color is a mix of red, green and blue light from 0 to 255 per channel. It is the numeric base all on-screen conversions pass through.
Is the HSV → RGB conversion exact?
Yes. The formulas are deterministic and both formats store the same information for on-screen color; values are rounded only for display.
Why does the RGB value look different in other tools?
Small differences come from rounding (how many decimals are kept) and from out-of-gamut handling. This site follows the CSS Color 4 algorithms and shows OKLCH with 3 decimals, the same convention used by browsers and mainstream design tools.