HSV and HSB Converter

The HSV and HSB Converter turns a colour into its hue, saturation and value — and shows you that HSV and HSB are simply two names for the same thing.

The "V" in HSV stands for Value and the "B" in HSB stands for Brightness, but they describe the identical component, so design apps that label the model "HSB" (like older Photoshop dialogs) and those that say "HSV" are producing the same numbers.

This tool reports both labels side by side so you never have to second-guess which scale a program expects.

Enter any hex colour, with or without the leading hash and in three- or six-digit form, or use the colour picker, and you immediately get the hue in degrees (0–360), the saturation as a percentage and the value/brightness as a percentage, alongside the equivalent RGB triplet and a live swatch.

The conversion uses the standard cylindrical-coordinate formulas, so pure red is 0°, 100%, 100%, pure green is 120° and pure blue is 240°, exactly as a graphics package would show.

HSV/HSB is the model artists reach for when they want to keep a hue fixed while making a colour lighter or more vivid, which is why it underpins most colour wheels and brush panels.

Use this converter to read off the values from a brand hex, to match a tone between tools that disagree on terminology, or to learn how the model behaves.

Everything is computed locally in your browser, so nothing is uploaded and it works offline.