Color Converter
Convert between HEX, RGB and HSL with a live preview.
About this tool
Convert colors between HEX, RGB and HSL with a live preview swatch. Click any value to copy it. Useful for translating design-tool values into CSS and adjusting lightness via HSL.
Why use HSL instead of HEX?
HSL separates hue, saturation and lightness, which makes it easy to create lighter or darker variants of the same color.
Does it support transparency?
This tool covers solid colors; add an alpha channel in CSS with rgba() or 8-digit hex.