What is Color Code Converter?
Converts between the HEX (#1b2433), RGB and HSL color notations used in web design and development. Pick a color or type a code to see every format, a palette of lightness steps, and the contrast ratio against white and black backgrounds.
How to use
- 1
Pick a color with the color picker, or type a HEX, RGB or HSL value.
- 2
Copy the converted code in whichever format you need.
- 3
Click a step in the palette below to switch to that shade.
Use cases
Design mockup → CSS
Convert a HEX value from a design tool to rgb() or hsl() to adjust transparency.
Checking button accessibility
Make sure the contrast with white text is at least 4.5:1 for readable buttons.
FAQ
Which formats can I enter?+
#abc, #aabbcc, rgb(10, 20, 30) and hsl(210, 50%, 40%) are recognized.