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.
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%) |
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.