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.
Synchronized color
#FF5733Parsed as RGB; malformed or out-of-range channels are rejected, never silently clamped.
Try: hsv(14, 80%, 100%), hsb(14, 80, 100), or any hex/rgb/hsl color
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%)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%) |
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 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.
Type it as hsv(14, 80%, 100%) or hsb(14, 80, 100) - both spellings work and percent signs are optional. You can also paste any hex, rgb(), or hsl() color.
It usually means the conversion was done by eye rather than mathematically. HSB and RGB describe the same colors exactly, so a correct conversion is pixel-identical. Use the converted values directly instead of re-picking the color.
Pure white: rgb(255, 255, 255). Zero saturation makes hue irrelevant, and full value pushes the gray all the way to white. Likewise any HSV color with 0% value is black.
Keep the color moving
Useful next steps
Your latest color stays in the local workspace when the next tool uses it.