Color Converter
Free color converter and palette generator. Convert between HEX, RGB, and HSL, and generate a matching color palette.
Worked example
#2563eb converts to rgb(37, 99, 235) and hsl(221, 83%, 53%) — the same
blue, in three different formats.
Frequently asked questions
What is the difference between HEX, RGB, and HSL?
They all describe the same color, just structured differently. HEX (#2563eb) packs red, green, and blue into six hex digits, common in CSS and design tools. RGB (rgb(37, 99, 235)) gives the same three channels as plain 0-255 decimal numbers. HSL (hsl(221, 83%, 53%)) describes color by hue (position on the color wheel), saturation (intensity), and lightness — often more intuitive for adjusting a color by eye.
How do I convert HEX to RGB?
Split the six hex digits into three pairs and convert each pair from hex to decimal: #2563eb splits into 25, 63, eb — which convert to 37, 99, 235, giving rgb(37, 99, 235).
How does the palette generator choose its colors?
It converts your chosen color to HSL, then generates new colors at evenly-spaced hues around the color wheel while keeping the same saturation and lightness — producing a set of colors that are visually related but distinct, rather than random.