Color
CSS Color Converter
Convert CSS colors online between HEX, RGB, HSL, named colors and modern CSS formats. Paste a CSS color value and get copyable alternatives with preview.
Tool
Convert CSS colors online between HEX, RGB, HSL, named colors and modern CSS formats. Paste a CSS color value and get copyable alternatives with preview.
This tool runs in your browser. Your input is processed locally and is not uploaded.
About this Tool
Use this free CSS color converter to parse and convert common CSS color values such as HEX, RGB, RGBA, HSL, HSLA and named colors. It helps you normalize color values, compare formats and copy the version that fits your stylesheet or design system.
Examples
- rebeccapurple
- #3b82f6
- rgb(59, 130, 246)
- hsl(217, 91%, 60%)
Frequently Asked Questions
Which CSS color formats are supported?
The tool should support common CSS color inputs such as named colors, HEX, RGB, RGBA, HSL and HSLA. Modern formats such as OKLCH can be added as an advanced mode if the engine supports them.
What is a CSS named color?
A CSS named color is a predefined color keyword such as red, black, white, transparent or rebeccapurple.
Can I convert transparent colors?
Yes, RGBA, HSLA and 8-digit HEX values can preserve transparency when the alpha channel is supported.
Does this tool edit my CSS file?
No, it only converts individual color values. You can copy the output and paste it into your CSS manually.