Loading...
Paste any CSS color and get instant HEX, RGB, HSL, HWB, OKLCH, and CMYK values with a live preview and WCAG contrast check.
Enter a color above to see its preview and conversions.
This tool converts any CSS color — hex codes, rgb(), hsl(), or named colors like “coral” — into every common format at once. Adjust the alpha channel or pick a shade visually, then copy the exact value you need for CSS, design tools, or code.
What color formats does this tool accept?
Hex codes (#abc, #aabbcc, #aabbccdd), rgb()/rgba(), hsl()/hsla(), and any standard CSS named color like “tomato” or “steelblue”.
Does the converter support transparency?
Yes. Enter a color with alpha (like rgba() or an 8-digit hex) or use the alpha slider, and every output format updates to include it.
What is HWB and why is it included?
HWB (Hue, Whiteness, Blackness) is a CSS Color Module format that's often more intuitive for manually tweaking a color than HSL.
What does the contrast ratio mean for accessibility?
It measures how readable text in this color would be against a white or black background. WCAG recommends a ratio of at least 4.5:1 (AA) or 7:1 (AAA) for normal-sized text.
Is my color data uploaded anywhere?
No. All parsing and conversion happens locally in your browser using JavaScript — nothing is sent to a server.
Why does my 8-digit hex lose transparency in some outputs?
It doesn't with this tool — alpha is preserved across HEX8, RGBA, and HSLA. Some older tools or image formats only support the 6-digit hex format, which drops the alpha channel entirely; use RGBA or HSLA if you need transparency to survive elsewhere.
Every conversion runs locally in your browser. Your color values are never uploaded or stored on our servers.