Actual widget output
Any colour, every format

Convert a CSS colour to HEX, RGB, HSL and OKLCH.

Each example below is the actual published widget running in your browser. Type a colour in any common CSS form, or a colour name, to see it in every format; nothing is sent anywhere.

This tool needs JavaScript.

Default settings: a colour field with a hint and a swatch, and all four formats with copy buttons once a colour is typed.