Color Converter
Convert colors between HEX, RGB and HSL with live preview.
HEX
#5470ff
RGB
rgb(84, 112, 255)
HSL
hsl(230, 100%, 66%)
About this tool
The Color Converter translates any color between HEX, RGB and HSL formats with a live swatch preview. Pick visually with the color picker or paste a hex value, and copy whichever format your CSS, design tool or brand guide needs.
HEX is the compact web standard, RGB maps directly to screen pixels, and HSL (hue, saturation, lightness) is the most intuitive for creating variations — keep hue constant and adjust lightness to build a consistent palette.
Frequently asked questions
Yes — shorthand like #abc expands to #aabbcc automatically, per the CSS specification.
All three render identically. HSL is easiest to tweak by hand, HEX is the most compact, and RGB is the most familiar. Modern CSS supports them all.
The converter focuses on opaque colors. For transparency, append an alpha value yourself: rgba(84, 112, 255, 0.5) or 8-digit hex.