Color Converter

Color picker & converter

Pick a color or enter a HEX, RGB or HSL value and get every format instantly — tap a code to copy it.

HEX, RGB and HSL in one place

Use the color picker, type a HEX code, or set the red/green/blue channels, and the swatch and all three colour formats update together. Click any of the HEX, RGB or HSL cards to copy that value — handy for CSS, design tools and quick conversions.

FAQ

What formats does it convert between?
HEX (e.g. #e5484d), RGB (e.g. rgb(229, 72, 77)) and HSL (e.g. hsl(358, 75%, 59%)). Change any one and the others follow.
How do I copy a value?
Click the HEX, RGB or HSL card and the value is copied to your clipboard.

Related tools

Developer case converter →
camelCase, snake_case…
QR code generator →
Make a QR code from any text or URL
JSON formatter →
Beautify & validate JSON
Text transformer →
Case, find & replace, sort, dedupe & more