Color Converter

What this tool does

This tool converts a single color between the three formats you meet most often in web and design work: HEX, RGB and HSL. Enter a value in any one format and the others update at once, alongside a live swatch so you can see exactly what you have. A color picker lets you choose visually when you do not have a specific code in mind, and every conversion happens locally in your browser.

Understanding the formats

HEX writes a color as a six-digit code like #3498db, pairing hexadecimal digits for red, green and blue. RGB expresses the same idea as three numbers from 0 to 255, such as rgb(52, 152, 219), which is handy when you are mixing channels directly. HSL describes a color by hue, saturation and lightness, for example hsl(204, 70%, 53%), which is often the most intuitive way to make a color lighter, darker or more muted.

How to use it

Type or paste a value in the format you have, or open the color picker and choose visually. The swatch and all three formats update immediately. Copy whichever value you need with one click.

• Convert instantly between HEX, RGB and HSL
• See a live swatch preview of your color
• Pick a color visually with the built-in picker
• Copy any format with one click

Why it matters

Different tools speak different color languages. A design file might give you HEX, a CSS variable might use RGB with an alpha channel, and adjusting a shade is easiest in HSL. Converting by hand is error prone, so a quick, accurate converter keeps your palette consistent across code and design. This free tool is made by Digzy Technology, a software studio in Bali, Indonesia that builds websites, stores and apps.