Pick any color and copy its HEX, RGB and HSL codes instantly.
HSL (Hue, Saturation, Lightness) is often more intuitive than RGB for designers because you can easily make a color lighter or darker just by adjusting the lightness value without affecting the hue.
HEX is a compact hexadecimal representation used in HTML and CSS. RGB defines a color by red, green and blue components (0–255). HSL defines a color by hue (0–360 degrees), saturation and lightness, which is more intuitive for designers.
Yes. Type or paste any HEX code into the HEX field and the picker, RGB and HSL values will all update automatically.
Yes. Once the page loads everything runs locally in your browser with no server calls.