RGB to HSV Converter
Convert RGB to HSV/HSB, the model behind most colour pickers.
Processing: This tool runs entirely in your browser. Your input and any file you open stay on your device — nothing is uploaded to a server.
How to use the rgb to hsv converter
- Enter or pick your colour.
- Read every notation below, updated as you type.
- Copy whichever one you need.
About this tool
HSV and HSB are the same model under two names — value and brightness are the same axis. It is what the square-and-slider colour picker in most design tools is built on: the square is saturation against value at a fixed hue.
The difference from HSL is what the top of the scale means. In HSL, lightness 100% is always white. In HSV, value 100% is the most vivid version of the hue, and you reach white by dropping saturation instead. That is why picking colours feels more natural in HSV and describing them feels more natural in HSL.
Both address the same sRGB colours; neither can express anything the other cannot.
Common uses
- Matching a value shown in a design tool's colour picker.
- Finding the most vivid version of a hue.
- Moving colour values between tools that use different models.
Frequently asked questions
- Are HSV and HSB different?
- No, they are two names for the same model. Value and brightness refer to the same axis.
- What is the difference between HSV and HSL?
- In HSL, 100% lightness is white. In HSV, 100% value is the most saturated version of the hue, and white comes from lowering saturation.
- Which should I use in CSS?
- HSL — CSS supports hsl() natively and has no hsv() function.
Related tools
RGB to HSL Converter
Convert RGB values to HSL, plus hex, HSV and CMYK, with a live swatch.
HEX to HSL Converter
Convert a hex colour to HSL, plus RGB, HSV and CMYK.
HSL to RGB Converter
Convert HSL values to RGB and hex, with HSV and CMYK alongside.
Color Picker
Pick a colour and read it back as hex, RGB, HSL, HSV, CMYK and the nearest CSS name.