Actual widget output
Palette to code

Turn a list of colours into CSS variables.

Each example below is the actual published widget running in your browser. Edit the colours or the prefix to see the variables update; nothing is sent anywhere.

This tool needs JavaScript.

Default settings: a colours area with a hint, a prefix field, syntax and value options, and Download, Copy and Clear.