RGB to HSV Converter — Convert RGB to Hue, Saturation, Value

By | August 26, 2026

Use this RGB to HSV converter to convert Red, Green, Blue values into Hue, Saturation, and Value instantly — no signup required.

RGB Input

HSV Output

Hue 0°
Saturation 0%
Value 0%
hsv(0, 0%, 0%)

How It Works

RGB to HSV conversion works by finding the maximum and minimum values among the Red, Green, and Blue channels, then using their difference to calculate Hue, Saturation, and Value.

Step 1 — Normalize RGB. Each R, G, B value (0–255) is divided by 255 to get a value between 0 and 1.

Step 2 — Find Cmax, Cmin, and Delta. Cmax is the largest of the three normalized values, Cmin is the smallest, and Delta is Cmax minus Cmin.

Step 3 — Calculate Value (V). V equals Cmax — the brightness of the color is simply its highest channel value.

Step 4 — Calculate Saturation (S). S equals Delta divided by Cmax (or 0 if Cmax is 0), representing how far the color is from gray.

Step 5 — Calculate Hue (H). Hue depends on which channel is Cmax:

  • If Cmax = R: H = 60 × (((G − B) / Delta) mod 6)
  • If Cmax = G: H = 60 × ((B − R) / Delta + 2)
  • If Cmax = B: H = 60 × ((R − G) / Delta + 4)

Worked example: RGB(63, 124, 224) → normalized (0.247, 0.486, 0.878) → Cmax = 0.878 (B), Cmin = 0.247, Delta = 0.631 → H = 217°, S = 72%, V = 88%.

RGB to HSV in Python

The colorsys module in Python’s standard library converts RGB to HSV without any external dependencies.

import colorsys

r, g, b = 63, 124, 224
h, s, v = colorsys.rgb_to_hsv(r / 255, g / 255, b / 255)

print(round(h * 360), round(s * 100), round(v * 100))
# 217 72 88

colorsys.rgb_to_hsv() expects R, G, B as floats between 0 and 1, and returns H, S, V also as floats between 0 and 1 — multiply H by 360 and S/V by 100 to get standard degree and percentage units.

RGB vs HSV

RGB and HSV describe the same colors using two different models built for different purposes.

RGB (Red, Green, Blue) represents color as a mix of three light channels, matching how screens physically produce color. It’s the format used in CSS, image files, and hardware displays.

HSV (Hue, Saturation, Value) represents color the way people intuitively think about it — a color’s shade (Hue), how vivid or muted it is (Saturation), and how bright or dark it is (Value). Designers use HSV for tasks like adjusting brightness without shifting hue, or building color palettes with consistent saturation.

When to use which: Use RGB for code, exports, and anywhere color needs to match a display pixel-for-pixel. Use HSV when adjusting or reasoning about a color — for example, generating a lighter or darker version of the same hue.

FAQ

How do I convert RGB to HSV manually?
Normalize each RGB value by dividing by 255, find the maximum (Cmax) and minimum (Cmin) of the three, then apply the Hue, Saturation, and Value formulas shown in the How It Works section above.

Is RGB to HSV conversion always exact?
Yes — the conversion is a deterministic mathematical formula, not an approximation, so the same RGB input always produces the same HSV output, with rounding only affecting the displayed decimal precision.

What’s the range of H, S, and V values?
Hue ranges from 0° to 360°, while Saturation and Value are both percentages from 0% to 100%.

Does converting RGB to HSV and back give the same RGB value?
Yes — RGB to HSV to RGB is a lossless round-trip as long as the same precision is preserved through both conversions, since no color information is discarded in either direction.

Why would I use HSV instead of RGB for design work?
HSV separates a color’s hue from its brightness and intensity, making it easier to create tints, shades, and consistent palettes without recalculating three interdependent RGB channels by hand.

Scroll to Top