Design
Colors
Convert a color between HEX, RGB and HSL.
HEX
#3366ccRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)How it works
1
Enter a color
Type a HEX, RGB or HSL value, or pick one with the color picker.
2
See every format
The other formats update live, so you can copy whichever your code needs.
3
Copy
Copy the value in the format you want.
Frequent questions
Which color formats are supported?
HEX, RGB and HSL — the three you reach for most in CSS. Enter any one and the others are computed instantly.
Does it support alpha transparency?
Yes. Colors with an alpha channel convert between their HEX, RGB and HSL forms with the opacity preserved.
Explore more tools
Contrast checker
Check color contrast against WCAG AA/AAA.
Palette generator
Harmonies, tints and shades from a base color.
Gradient generator
Build linear and radial CSS gradients.
Color mixer
Blend two colors and get the steps between.
Blob generator
Generate organic SVG blob shapes.
Color theme maker
Build a light/dark theme and export CSS variables.
Palette from image
Extract dominant colors from an image.
Color blindness simulator
Preview colors for different vision types.