Super Boring Tools

Search tools

Find a tool by name or what it does.

RGB to HSV Converter

Turn red, green, and blue channel values into hue, saturation, and value. Move the sliders or paste a color and the HSV result updates live.

Paste rgb(), hex, or three numbers. Everything runs in your browser. Nothing is uploaded.

HSV result
239°
Hue
59%
Saturation
95%
Value (brightness)
HSVhsv(239, 59%, 95%)
HSBhsb(239, 59%, 95%)
Precision

How to convert RGB to HSV online

  1. Set the RGB color

    Move the red, green, and blue sliders, or paste an rgb() or hex value into the color field.

  2. Read the HSV result

    The hue, saturation, and value readouts and the hsv() string update instantly as the color changes.

  3. Adjust precision

    Switch between whole numbers and one decimal place depending on how exact you need the output.

  4. Copy the result

    Copy the full hsv() string with the main button, or copy any single row with its own copy control.

Why use this tool

Sliders and paste input

Set red, green, and blue with 0 to 255 sliders, or paste a hex code or rgb() string and the sliders snap to match.

Live HSV readout

Hue (0 to 360 degrees), saturation, and value (0 to 100%) recalculate on every change, with an hsv() string ready to copy.

HSB alias included

Design apps often label the same model HSB. The tool shows both spellings so you can copy whichever your software expects.

Adjustable precision

Choose whole numbers for quick reads or one decimal place when small differences between colors matter.

Runs entirely in your browser

Colors are converted on your device. Nothing is uploaded and no account is needed.

About this tool

HSV describes a color by hue, the position around the color wheel in degrees, saturation, how far the color sits from grey, and value, how bright it is. It is the model behind most color pickers, so converting from RGB is a common step when you have a code from CSS or a screenshot and need to reason about it the way a picker does. This tool converts red, green, and blue channels (0 to 255) into hue (0 to 360 degrees) plus saturation and value percentages, updating live as you move the sliders.

You can also paste a color instead of setting sliders. The field accepts 3 and 6 digit hex codes with or without the leading #, rgb() strings with comma or space separators, and three plain numbers. Out-of-range channels are clamped to the 0 to 255 range rather than rejected. Pure greys have no defined hue, so the tool reports 0 degrees and notes it. The output includes the hsv() string, an hsb() spelling for design software that uses that name, and separate readouts for each component at whole-number or one-decimal precision.

If you need lightness instead of brightness, the HSL to RGB converter works with the closely related HSL model, and the color wheel lets you explore hue relationships visually. For print-oriented values, the RGB to CMYK converter estimates ink percentages from the same channels.

Frequently asked questions

How does the RGB to HSV conversion work?
The three channels are scaled to the 0 to 1 range. Value is the largest channel, saturation is the spread between the largest and smallest channel divided by the largest, and hue comes from which channel dominates and by how much, expressed as an angle from 0 to 360 degrees.
What input formats are accepted?
The paste field takes 3 or 6 digit hex codes with or without the #, rgb() strings with commas or spaces as separators, and three plain numbers like 255 128 0. Channels outside 0 to 255 are clamped, not rejected.
What is the difference between HSV and HSB?
Nothing. HSB (hue, saturation, brightness) is another name for HSV used by some design applications. The tool shows the same numbers under both spellings so you can copy the one your software expects.
Why does a grey color show a hue of 0?
When red, green, and blue are equal, the color has no dominant channel, so hue is mathematically undefined. By convention the tool reports 0 degrees and shows a note explaining that the color is achromatic.
What is the difference between HSV and HSL?
Both share the same hue. In HSV, value is the brightness of the brightest channel, so a fully saturated color has value 100%. In HSL, lightness places pure colors at 50% and only white reaches 100%. Saturation is also computed differently between the two.
Is my data uploaded anywhere?
No. Everything runs in your browser; nothing is sent to a server.

Related tools