About this tool
Pick a color or type a HEX value and instantly see its RGB and HSL equivalents with a live swatch. Click any value to copy it. Great for CSS, design systems and matching brand colors.
Frequently asked questions
What is HSL?
HSL describes a color by Hue (0–360°), Saturation and Lightness. It is often more intuitive than HEX for tweaking shades.
Does it support 3-digit hex?
Yes. Shorthand like #f80 is expanded automatically to its 6-digit form.