CSS colour variable

How to use css colour variable

1. Enter your text or use the example already in the input box.
2. Check the operation described above matches what you need.
3. Choose Run tool, then copy or download the output.

What to know

Generate a CSS custom property from a hex colour.

The tool treats the input as data and displays output as text. Review the result before using it in another document, application or production system.

Inputs are processed in your browser. See privacy information and methodology.

Example input

#204e3e