Color Converter

Use this tool

How to use Color Converter

• Paste a valid CSS color value such as HEX, RGB, or a named color into the field.
• Run the converter to inspect the equivalent HEX, RGB, and HSL values together with the visual preview.
• Use the output format your target tool expects, then copy only the value you need into CSS, design notes, or documentation.

Example workflow

If a design file gives you `rgb(194,65,12)` but your stylesheet prefers HEX, you can convert it instantly and check the swatch before updating the component token.