How to use
Type a color into any field — HEX (#f47b20), RGB (rgb(244,123,32)) or HSL (hsl(25,91%,54%)) — and the other two formats plus the preview update automatically.
Note
All conversions run locally in your browser. Formats follow CSS Color Level 4 notation.
Frequently asked questions
Why did my colour fail to parse?
Check the format: HEX needs a hash prefix optionally, RGB and HSL need their function style.
Does it support alpha transparency?
Current version converts solid colours only.
Can I copy values directly?
Select the field text and copy; all three formats stay synced.