HSV / HSB Color Converter
Convert between HSV (HSB), RGB and hex color values.
HSV (also called HSB) is the color model behind most graphics-app color pickers, including Photoshop: hue sets the base color, saturation its intensity, and value its brightness. It maps to how people intuitively adjust color — "same color, brighter" or "less intense" — far better than raw RGB does.
This converter moves colors between HSV, RGB and hex. Adjust the hue, saturation and value and watch the RGB and hex equivalents update live with a preview, or start from a hex code to read its HSV breakdown. Handy when a design spec is given in HSB but your CSS needs hex.
How to use HSV / HSB Color Converter
- 1
Pick a color
Use the picker or type a hex value.
- 2
Read the HSV values
Hue (0–360°), saturation and value (0–100%).
- 3
Copy hex or RGB
Grab whichever format your tool needs.
Features
- HSV ↔ RGB ↔ hex conversion
- Matches Photoshop's HSB picker
- Live preview and copyable values
Frequently asked questions
Common mistakes to avoid
- Pasting HSV values into a CSS hsl() function — they're different models and will produce the wrong color.
- Confusing value/brightness with lightness when translating a spec between apps.
Get new tools in your inbox
One email a month with new tools, guides, and updates. No spam, unsubscribe anytime.