RGB to HSV

Enter R, G, B values and get the HSV (Hue, Saturation, Value) breakdown. Useful for colour analysis, building palettes, and working with colour pickers or libraries that operate in HSV/HSB space.

Last updated: May 28, 2026

Enter R, G, B values (0–255 each) to get H°, S%, V% (HSV/HSB) values used in Photoshop and colour pickers.

Client-Side Processing

Input Data Stays on Device

Instant Local Execution

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is RGB to HSV?

HSV expresses colour as Hue (0–360°), Saturation (0–100%), and Value (0–100%). It is the colour model used by many graphic design tools including Adobe Photoshop (where it is called HSB) and most native OS colour pickers.

Converting RGB to HSV lets you understand the perceptual properties of a colour — its angle on the colour wheel, how saturated it is, and how bright it appears — which is useful for creating systematic colour variations.

How to Use RGB to HSV

Enter R, G, B values (0–255 each)

H°, S%, V% appear instantly

Copy the values for use in your design tool or code

Common Use Cases

Developers building colour pickers or palette generators that work in HSV space.
Designers analysing the hue, saturation, and brightness of existing brand colours.
Frontend engineers feeding colour values into libraries that accept HSV input.

Example Input and Output

Converting Tailwind blue-500 RGB to HSV.

RGB input

R:59, G:130, B:246

HSV output

hsv(217°, 76%, 96%)

Reverse direction

Use the HSV to HEX tool to convert HSV values back to a displayable colour code.

Browser-side only

Conversion runs locally in your browser.

Frequently Asked Questions

What is the difference between HSV and HSL?

Both describe colour perceptually, but Value (HSV) and Lightness (HSL) differ: V=100% + S=100% gives a pure saturated colour; L=100% gives white. HSV aligns with how artists think about colour brightness.

Is my data sent to a server?

No. All conversion runs in your browser.