Convert Colors Between HEX, RGB, HSL & HWB
Paste any CSS color and get instant HEX, RGB, HSL, and HWB values with a live preview and WCAG contrast check.
Enter a color above to see its preview and conversions.
About the Color Converter
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.
Features:
- Supports HEX, RGB, HSL, HWB, and named CSS colors
- Live color picker and alpha slider stay in sync with the text input
- Built-in WCAG contrast checker with AA/AAA badges
- One-click copy for every output format
How to Convert a Color
- Type or paste a color — hex, rgb(), hsl(), or a name — into the input field
- Fine-tune it with the color picker or the alpha slider
- Review the HEX, RGB, HSL, and HWB values generated instantly
- Click any value to copy it to your clipboard
Frequently Asked Questions
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.
Privacy
Every conversion runs locally in your browser. Your color values are never uploaded or stored on our servers.