HEX to HSV
Enter a HEX colour code and get its HSV (Hue, Saturation, Value) breakdown. HSV is used in many design tools and colour pickers because it maps more intuitively to how designers think about colour.
Last updated: May 28, 2026
Find this tool useful? Support the project to keep it free!
Buy me a coffeeWhat is HEX to HSV?
HSV — also called HSB (Hue, Saturation, Brightness) — expresses colour as three components: Hue (0–360°, the colour angle on the wheel), Saturation (0–100%, the intensity), and Value (0–100%, the brightness). This model aligns with how artists and designers intuitively adjust colours.
HEX codes encode RGB values which don't map directly to perceptual properties. Converting HEX to HSV lets you understand the hue, saturation, and brightness of a colour — useful for creating tints, shades, and colour palette variations.
How to Use HEX to HSV
Enter a HEX code
H°, S%, and V% appear instantly
Copy the values for use in your design tool or colour library
Common Use Cases
- Designers adjusting colour saturation and value to create tints and shades from a base hex colour.
- Frontend developers using HSV-based colour pickers in JavaScript colour libraries.
- Design system maintainers understanding the perceived properties of brand colours.
- Developers building colour manipulation utilities that work in HSV space.
Example Input and Output
Converting Tailwind blue-500 to understand its hue angle and saturation.
#3B82F6hsv(217°, 76%, 96%)Reverse direction
Use the HSV to HEX tool to convert HSV values back to a HEX code.
Browser-side only
Conversion runs locally in your browser.