Design
Color Code Converter
Convert colors between HEX, RGB, and HSL. Preview the color, copy values, and grab quick palette variations.
Enter a color
Ready.
Preview
Contrast guidance will appear here.
Converted values
Quick palette
Color Converter FAQ
What formats can I enter?
You can enter HEX values like #2fb3a3, RGB values like rgb(47, 179, 163), or HSL values like hsl(174, 58%, 44%).
What is HEX used for?
HEX color codes are commonly used in HTML, CSS, design tools, and branding guides.
What is HSL useful for?
HSL separates hue, saturation, and lightness, which makes it easier to create lighter or darker color variations.