Tools / Color Converter / RGB → HSV
RGB to HSV Converter.
RGB to HSV maps the additive channels onto the hue/saturation/value cylinder used by virtually every color picker. If you're building a picker, eyedropper, or canvas tool, this is the conversion that turns a sampled pixel into pointer coordinates.
Not a recognizable RGB color.
HSV
All formats
The RGB → HSV formula
Normalize to 0-1. V = max(R,G,B). S = (max−min)/max (0 if max is 0). H = 60° times the offset of whichever channel is the max.
Worked example
Convert rgb(66, 123, 84):
- Normalize → (0.259, 0.482, 0.329)
- Value = 48%, max−min = 0.224, S = 46%
- Green is max → H = 60·(2 + (B−R)/range) ≈ 140°
- Result: hsv(140, 46%, 48%)
JavaScript
function rgbToHsv(r,g,b){
r/=255;g/=255;b/=255;
const mx=Math.max(r,g,b),mn=Math.min(r,g,b),d=mx-mn;
let h=0; if(d){ h = mx===r?((g-b)/d)%6 : mx===g?(b-r)/d+2 : (r-g)/d+4; h*=60; if(h<0)h+=360; }
return [Math.round(h), Math.round((mx?d/mx:0)*100), Math.round(mx*100)];
}FAQ
Why does a color picker use HSV?
Because the 2-D square (saturation × value) plus a 1-D hue slider covers the whole gamut intuitively: move right for vivid, up for bright, slide for hue.