HSV to RGB Converter
Convert HSV (HSB) colors from Photoshop and other design tools to RGB and hex for the web. Enter values like hsv(14, 80%, 100%) and copy the result instantly. All conversions happen in your browser.
HSV to RGB Formula
With hue in degrees and saturation and value as decimals from 0 to 1:
- Chroma: C = V × S.
- Intermediate: X = C × (1 − |(H / 60°) mod 2 − 1|).
- Pick (R′, G′, B′) from (C, X, 0) and its rotations based on which 60° segment the hue is in.
- Add m = V − C to each channel and multiply by 255.
Example: convert hsv(11, 80%, 100%) to RGB
C = 1.0 × 0.8 = 0.8
X = 0.8 × (1 − |11/60 mod 2 − 1|) = 0.8 × 0.183 = 0.147
H in 0-60° segment → (R′, G′, B′) = (0.8, 0.147, 0), m = 0.2
R = (0.8 + 0.2) × 255 = 255, G = (0.147 + 0.2) × 255 ≈ 88, B = 0.2 × 255 = 51
Result: rgb(255, 88, 51)
How to Use the HSV to RGB Converter
Enter an HSV color like hsv(14, 80%, 100%) - the hsb() spelling from Adobe tools works too. The converter shows the RGB result plus hex, HSL, and CMYK values with one-click copy buttons, and the swatch previews the exact color.
From Design Tool Values to Web Colors
Designers frequently hand off colors as the HSB numbers shown in Photoshop or Illustrator pickers. Browsers cannot use those values directly, so converting to RGB or hex is a required step. Because HSV and RGB are exact mathematical transforms of each other, the converted color matches the original perfectly.
Common Use Cases
Implementing designs specified with Photoshop HSB values, porting generative art or shader code that computes colors in HSV, and converting computer-vision HSV thresholds into displayable RGB colors for debugging.
HSV to RGB Conversion Table
HSV, RGB, and hex 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 HSV to RGB Converter
Compute chroma C = V × S, then the intermediate value X = C × (1 − |(H/60°) mod 2 − 1|), pick the (R′, G′, B′) arrangement for the hue's 60-degree segment, and add m = V − C to each channel before scaling by 255. Or just type the values here and copy the result.