Convert colors between HEX, RGB and HSL and pick a color visually.
Pick a color or type a value into any of the HEX, RGB or HSL boxes; the other formats update immediately. Accepted forms include #4338ca, rgb(67, 56, 202) and hsl(245, 58%, 51%). Copy the format your CSS, design tool or code needs.
The contrast figures use the WCAG 2 relative-luminance formula. Use the suggested text color to keep labels on a colored button or banner readable.
They describe the same colors in different ways. HEX and RGB give the red, green and blue amounts (HEX in base 16). HSL gives hue as an angle on the color wheel plus saturation and lightness, which is easier to adjust by hand.
It is the WCAG measure of how readable text is against a background, from 1:1 to 21:1. Normal text needs at least 4.5:1 to meet level AA.
Yes. Short codes such as #0af are expanded to #00aaff.