Color Converter
FreeConvert colors between HEX, RGB, HSL, and HSV instantly with a live preview.
r
g
b
rgb(59, 130, 246)hsl(217, 91%, 60%)hsv(217, 76%, 96%)Color format cheat sheet
- HEX: compact for CSS — e.g.
#3b82f6 - RGB: channel values 0–255 — e.g.
rgb(59, 130, 246) - HSL: hue, saturation, lightness — e.g.
hsl(217, 91%, 60%) - HSV: hue, saturation, value — used by many design tools
When to use which format
Use HEX in stylesheets for brevity. Use RGB when you want direct control over color channels or need to animate between colors. Use HSL when designing a palette — changing the lightness or saturation creates natural color variants. Use HSV when working with image editors or color pickers that expose value sliders.
Frequently Asked Questions
What is the difference between HEX, RGB, and HSL?
HEX is a compact hexadecimal notation (like #3b82f6) used mainly in CSS and design. RGB expresses the color as Red, Green, Blue values from 0–255. HSL uses Hue (0–360°), Saturation, and Lightness — easier for humans to reason about tints and shades.
What is HSV? Is it different from HSL?
Yes. HSV (Hue, Saturation, Value) and HSL (Hue, Saturation, Lightness) are both cylindrical color models, but they differ in how they model brightness. HSV is common in image editors and color pickers; HSL is more common in CSS.
How do I convert a HEX color to RGB?
Each pair of hex digits represents one channel. For #3b82f6: 3b = 59 (R), 82 = 130 (G), f6 = 246 (B). Paste any HEX value into this tool and the RGB, HSL, and HSV equivalents are shown instantly.
Does this tool support transparency (alpha)?
Yes. An 8-character HEX (like #3b82f6cc) includes an alpha channel. The tool reads and preserves the alpha value and shows it in rgba() and hsla() format.
Is the picker safe to use? Does it send my color to a server?
No data is sent anywhere. All conversions happen locally in your browser. The color picker uses the browser's built-in <input type="color"> control.