Pick a color and instantly get its HEX, RGB, and HSL values. Convert between formats and copy with one click. Free and client-side.
Last updated 23 June 2026 · Built and maintained by Mustafa Bilgic
Pick any color with the native color picker, or type a HEX, RGB, or HSL value, and this tool converts it into all three formats at once. Click any code to copy it. It is perfect for web design, CSS, branding, and matching colors across tools.
| Format | Example | Best for |
|---|---|---|
| HEX | #8B5CF6 | CSS, design tools, web |
| RGB | rgb(139, 92, 246) | CSS, screen rendering, JavaScript |
| HSL | hsl(258, 90%, 66%) | Adjusting hue, lightness, and shades |
Type the HEX code into the HEX field and the RGB and HSL fields update instantly. Each pair of hex digits maps to a red, green, or blue value from 0 to 255.
HSL stands for Hue, Saturation, and Lightness. It is intuitive for tweaking a color: change lightness for tints and shades, or rotate the hue for a related color.
Yes. Enter a value into HEX, RGB, or HSL and the others recalculate. The large swatch always shows the current color.
Yes. Three-digit shorthand HEX codes are expanded automatically, so #f00 becomes #ff0000 (pure red).
Yes. It is completely free and runs entirely in your browser. No colors or data are sent to any server.