HSV Color Converter

How to use this tool

A practical walkthrough

HSV (same as HSB in Photoshop) is how most pickers think: hue around the wheel, then saturation and brightness. Convert when a mock says “H 347 S 87 B 88” and your CSS file wants HEX.

1. Enter H 0–360, S and V 0–100. V=100 S=100 is the neon edge of that hue; V=50 is a mid shade, not HSL lightness.
2. Copy HEX for Figma/Tailwind. Keep HSV in comments only if your design team still speaks it.
3. If a screenshot HSV looks dull in CSS, the sample was probably in Display-P3 — re-pick from sRGB.

HSV and HSL both start with hue, then they diverge. Mixing them is how a “bright” brand red becomes muddy in `hsl()`.

Read next: HEX to HSL converter