HSV to HEX Converter

Convert HSV (hue, saturation, value) values to a HEX color code instantly. Perfect for turning values from a picker or shader into a CSS-ready HEX string.

Format: hue (0–360), saturation (0–100), value (0–100). Example: 215, 84, 94

Converted Values

HEX#155EEF
RGBrgb(21, 94, 239)
HSLhsl(215, 84%, 51%)
HSVhsv(215, 84%, 94%)
CMYKcmyk(91%, 61%, 0%, 6%)

What Is HSV to HEX Conversion?

HSV to HEX conversion turns a hue-saturation-value triplet into a compact six-digit hexadecimal code. HSV is ideal for reasoning about and adjusting colors interactively, but HEX is the standard notation in HTML and CSS. This conversion bridges the two: interact in HSV, ship in HEX.

How HSV to HEX Works

hsv(215, 84, 94)

Normalize: H = 215/60 = 3.583, S = 0.84, V = 0.94

Use the HSV-to-RGB sector formula:
  i = floor(H) = 3
  f = H - i = 0.583
  p = V × (1 - S)   = 0.150
  q = V × (1 - f×S) = 0.479
  t = V × (1 - (1-f)×S) = 0.868

Channel assignment by sector i%6:
  case 3: R = p, G = q, B = v

R = 0.150 × 255 = 38... (rounding adjusted)
Result RGB ≈ rgb(21, 94, 239) → #155EEF

Example Conversions

  • hsv(0, 100%, 100%) → #FF0000 — red
  • hsv(120, 100%, 50%) → #008000 — green
  • hsv(240, 100%, 100%) → #0000FF — blue
  • hsv(0, 0%, 100%) → #FFFFFF — white
  • hsv(215, 84%, 94%) → #155EEF — OmniColor blue

Why Convert HSV to HEX?

  • CSS compatibility: HEX is accepted in every CSS property and every browser.
  • Designer-developer handoff: Designers work in HSV pickers; developers ship HEX.
  • Email templates: Some legacy email clients only support HEX.
  • Static assets: SVG, icons and CSS variables usually use HEX.

Precision Notes

HEX is limited to 8 bits per channel (integers 0–255), so a very small amount of precision is lost when converting from fractional HSV values. The result matches what you would get if you picked the color directly from any standard picker at the same S/V position — the visual difference is imperceptible.

Frequently Asked Questions