Convert HSV (HSB) to RGB and HEX — and back — with live sliders
Current colour
hsv(210, 75%, 96%)
rgb(61, 153, 245)
#3D99F5
HSV Sliders
Type or paste a value
Results
Channel breakdown
H (hue)
210°
0 – 360
S (saturation)
75%
0 – 100%
V (value)
96%
0 – 100%
R (red)
61
0 – 255
G (green)
153
0 – 255
B (blue)
245
0 – 255
The HSV to RGB converter turns HSV (also called HSB — Hue, Saturation, Value/Brightness) color values into RGB and HEX, and converts RGB back into HSV. HSV is the model used by most color pickers in design software because it separates the pure hue from how vivid and how bright a color is. Adjust the live sliders, paste a CSS string, or use the native color picker to get copy-ready output in every format.
Both start with the same Hue (0–360°), but they treat the other two channels differently. HSV uses Saturation and Value (brightness), where Value 100% is the most intense version of a color. HSL uses Saturation and Lightness, where Lightness 100% is always white and 50% is the pure color. HSV is common in image editors; HSL is common in CSS.
Yes. HSV (Hue, Saturation, Value) and HSB (Hue, Saturation, Brightness) are two names for the exact same color model — 'Value' and 'Brightness' refer to the same channel. Tools like Photoshop label it HSB, while many programming libraries call it HSV. This converter accepts both hsv() and hsb() strings.
Enter your hue (0–360°), saturation (0–100%) and value (0–100%) with the sliders or as a string. The tool applies the standard HSV→RGB formula — computing chroma from saturation and value, then mapping it across the six 60° hue sectors — and outputs RGB (0–255) plus the matching HEX code, all with one-click copy.
Absolutely. Paste an rgb(R, G, B) string into the RGB input field, or pick a color visually, and the tool instantly shows the equivalent HSV values along with a live preview. The conversion is fully bidirectional, so you can move between HSV, RGB and HEX freely.