RGB to HSV Converter
Convert RGB colors to HSV (also called HSB) - the hue, saturation, and value format used by Photoshop and most design tool color pickers. All conversions happen in your browser.
Synchronized color
#FF5733Parsed as RGB; malformed or out-of-range channels are rejected, never silently clamped.
Integer or percentage RGB, modern or legacy CSS, Hex with optional alpha, HSL, HSV, OKLCH, LAB, LCH, CMYK, or a CSS name.
Adjust channels
Share this exact input
?color=FF5733One input, implementation-ready output
Color workspace
Hex
#RRGGBB
#FF5733CSS RGB
Modern space syntax
rgb(255 87 51)Legacy RGB
Comma syntax
rgb(255, 87, 51)RGB %
Percentage channels
rgb(100% 34.1% 20%)HSL
CSS hue, saturation, lightness
hsl(11 100% 60%)HSV / HSB
Design-tool model
hsv(11, 80%, 100%)OKLCH
Perceptual CSS color
oklch(68% 0.21 33.7)LAB
CSS Lab, D50
lab(61.03% 63.55 55.96)LCH
CSS LCH, D50
lch(61.03% 84.67 41.37)CMYK
Unprofiled approximation
cmyk(0%, 66%, 80%, 0%)RGB to HSV Formula
With R, G, and B scaled to the 0-1 range, HSV is computed from the largest and smallest channels:
- Value: V = max(R, G, B).
- Saturation: S = 0 if V is 0, otherwise S = (V − min(R, G, B)) / V.
- Hue: same as HSL - based on which channel is largest and the difference between the other two, scaled to 0-360°.
- Report H in degrees and S and V as percentages.
Example: convert rgb(255, 87, 51) to HSV
R = 1.0, G = 0.341, B = 0.2
V = max = 1.0 → 100%
S = (1.0 − 0.2) / 1.0 = 0.8 → 80%
H = 60° × ((G − B) / (max − min)) = 60° × 0.176 ≈ 11°
Result: hsv(11, 80%, 100%)
How to Use the RGB to HSV Converter
Enter RGB values in any common format - rgb(255, 87, 51), plain numbers like 255 87 51, or a hex code - or adjust the sliders. The HSV value appears instantly alongside hex, HSL, and CMYK equivalents, each with a copy button.
Understanding the HSV Color Model
HSV describes a color by its hue (position on the color wheel from 0 to 360 degrees), saturation (how far from gray it is, 0 to 100%), and value (how bright it is, 0 to 100%). Value measures distance from black: 0% value is always black regardless of the other numbers, while 100% value with 0% saturation is pure white.
Common Use Cases
Transferring colors from code into Photoshop, Illustrator, or Procreate, which display HSB values in their pickers; implementing color-picker interfaces, which are usually built on HSV math; and analyzing image colors in computer vision libraries like OpenCV that work in HSV space.
RGB to HSV Conversion Table
RGB, hex, and HSV values for the most commonly used colors. Click any hex code to load it into the converter above.
| Color | Name | Hex | RGB | HSV |
|---|---|---|---|---|
| Black | #000000 | rgb(0, 0, 0) | hsv(0, 0%, 0%) | |
| White | #FFFFFF | rgb(255, 255, 255) | hsv(0, 0%, 100%) | |
| Red | #FF0000 | rgb(255, 0, 0) | hsv(0, 100%, 100%) | |
| Lime | #00FF00 | rgb(0, 255, 0) | hsv(120, 100%, 100%) | |
| Blue | #0000FF | rgb(0, 0, 255) | hsv(240, 100%, 100%) | |
| Yellow | #FFFF00 | rgb(255, 255, 0) | hsv(60, 100%, 100%) | |
| Cyan | #00FFFF | rgb(0, 255, 255) | hsv(180, 100%, 100%) | |
| Magenta | #FF00FF | rgb(255, 0, 255) | hsv(300, 100%, 100%) | |
| Silver | #C0C0C0 | rgb(192, 192, 192) | hsv(0, 0%, 75%) | |
| Gray | #808080 | rgb(128, 128, 128) | hsv(0, 0%, 50%) | |
| Maroon | #800000 | rgb(128, 0, 0) | hsv(0, 100%, 50%) | |
| Olive | #808000 | rgb(128, 128, 0) | hsv(60, 100%, 50%) | |
| Green | #008000 | rgb(0, 128, 0) | hsv(120, 100%, 50%) | |
| Purple | #800080 | rgb(128, 0, 128) | hsv(300, 100%, 50%) | |
| Teal | #008080 | rgb(0, 128, 128) | hsv(180, 100%, 50%) | |
| Navy | #000080 | rgb(0, 0, 128) | hsv(240, 100%, 50%) | |
| Orange | #FFA500 | rgb(255, 165, 0) | hsv(39, 100%, 100%) | |
| Pink | #FFC0CB | rgb(255, 192, 203) | hsv(350, 25%, 100%) | |
| Gold | #FFD700 | rgb(255, 215, 0) | hsv(51, 100%, 100%) | |
| Brown | #A52A2A | rgb(165, 42, 42) | hsv(0, 75%, 65%) | |
| Coral | #FF7F50 | rgb(255, 127, 80) | hsv(16, 69%, 100%) | |
| Indigo | #4B0082 | rgb(75, 0, 130) | hsv(275, 100%, 51%) | |
| Violet | #EE82EE | rgb(238, 130, 238) | hsv(300, 45%, 93%) | |
| Salmon | #FA8072 | rgb(250, 128, 114) | hsv(6, 54%, 98%) |
Need a value that is not listed? Browse the full color library — every hex code has a page with its RGB, HSL, CMYK and OKLCH values, contrast ratios, tints, shades and matching palette colors.
Frequently Asked Questions about RGB to HSV Converter
Both use the same hue wheel, but they measure the third axis differently. In HSV (also called HSB), V is Value or brightness: 100% value with full saturation gives the pure vivid hue. In HSL, 50% lightness gives the pure hue and 100% lightness is always white. Photoshop color pickers use HSV, while CSS uses HSL.
Yes. HSB (Hue, Saturation, Brightness) is simply another name for HSV (Hue, Saturation, Value). Adobe products label it HSB, most academic and programming references call it HSV.
No, CSS has no hsv() function - it supports hsl(), and newer spaces like lab() and oklch(). To use an HSV color on the web, convert it to hex, RGB, or HSL first, which this tool does automatically.
The classic square color picker maps naturally to HSV: horizontal movement changes saturation, vertical movement changes value, and a separate strip picks hue. That makes it intuitive for choosing colors visually.
Keep the color moving
Useful next steps
Your latest color stays in the local workspace when the next tool uses it.
HSV to RGB Converter
Convert HSV (HSB) values to RGB color format
RGB to HSL Converter
Convert RGB values to HSL color format
RGB to Hex Converter
Convert RGB and alpha to Hex, CSS formats, color spaces, code, and states
Color Converter
Convert one color into implementation-ready screen and print-reference formats