Micro Tools
Advertisement

Color Converter

Convert colors between HEX, RGB and HSL instantly, free. Type or pick a color and see every format at once, with a live preview and one-click copy.

Convert colors

Click the swatch to pick visually, or type any supported format.
-

All formats

Popular conversions
Advertisement

How it works

Pick a color with the visual picker or paste a value in HEX, rgb() or hsl() notation. The tool parses it and instantly shows all three formats side by side, with a live preview swatch and a Copy button on each row so you can grab exactly the format your code or design tool needs.

About the formats

HEX is the six-digit code used in CSS and design tools. RGB describes the red, green and blue channels from 0 to 255. HSL describes hue (the color angle), saturation and lightness, which is often easier for humans to adjust. All three describe the same color, just in different notation.

Related tools

JSON formatterFormat and validate JSON, privately. Regex testerTest regex live with highlighting. Base64 encoderBase64 encode and decode, plus URL encoder and JWT decoder.

Color Converter FAQs

How do I convert HEX to RGB?
Paste the HEX code into the input box and the RGB row updates instantly. Use the Copy button on the RGB row to grab it.
Can I pick a color visually?
Yes. Click the color swatch to open your system's color picker, and all formats update as you pick.
What is the difference between RGB and HSL?
RGB mixes red, green and blue light. HSL describes the same color as a hue angle plus saturation and lightness, which makes it easier to create lighter or darker variants.
Are shorthand HEX codes supported?
Yes. Three-digit codes like #f80 are expanded automatically to #ff8800.
Is this tool free to use?
Yes, completely free with no sign-up, and everything runs in your browser.
Advertisement