Color converter

Convert #hex, rgb(), and hsl() in your browser and preview the swatch. Nothing is uploaded.

Color

Paste hex, rgb(), or hsl(), then Convert.

How to use the Color converter

Paste #044d80, rgb(4, 77, 128), or hsl(205, 94%, 26%), or use the picker.
Click Convert.
Copy hex, or read rgb() and hsl() from the result.

Three notations

CSS accepts hex, rgb, and hsl. This page maps among them for opaque colors. Alpha in rgba/hsla is ignored so the preview stays a solid swatch. The Geek University blue sample is #044d80.

Nothing is uploaded

Math stays in the tab.

Color converter FAQ

3-digit hex?

Yes. #0d8 becomes #00dd88.

Gradient?

Copy hex into the CSS gradient generator.