Convert between HEX, RGB, HSL, OKLCH and more, tune colors with sliders, generate shades and check WCAG contrast with suggested fixes.
Paste any CSS color and get it in nine formats at once, from HEX and RGB to OKLCH and LAB. Sliders for OKLCH, HSL or RGB show the effect of each channel, a shade scale gives you a palette in one click, and the screen picker grabs a color from anywhere on your display in supporting browsers.
The contrast panel checks text against a background for WCAG AA and AAA and, when a pair fails, suggests the nearest color that passes – useful when a design's grey is just a little too light.
Open Color converter
or type develzone.org/color