CSS Color Formats

Show one color in every CSS format: hex, rgb(), hsl() and hwb().

Your files stay on this device

Files are processed in your browser, never uploaded. The site downloads code and assets to run the tools. No accounts or trackers.

Use Download to save this tool as one HTML file for offline use.

Base color

Hex value

Click any value to copy it.

About this tool

Pick a color and instantly see its hex, rgb(), hsl() and hwb() forms, converted entirely in your browser.

How are the formats calculated?

The hex value is converted to RGB, then to HSL and HWB using standard color-space formulas, all in your browser.

How do I copy a value?

Click any of the format tiles and that CSS value is copied to your clipboard.