Color Converter
Color Converter — HEX, RGB & HSL
Convert any color between HEX, RGB, and HSL instantly. Pick a color, copy the code, and generate a matching palette — free, no sign-up.
Generated Color Palette
Click any swatch to copy its HEX code. Palettes update automatically as you change the color above.
Tints & Shades
Color Harmonies
How to Use the Color Converter
Pick a color using the color picker, or type a value directly into the HEX, RGB, or HSL fields. Every field updates instantly as you change another, so you can convert HEX to RGB, RGB to HEX, or HEX to HSL in a single step. Use the Copy buttons to grab any format, then scroll down for a ready-made palette built from your color.
HEX, RGB, and HSL — What’s the Difference?
HEX is a six-digit code (like #4f46e5) used most often in web design and CSS. RGB describes a color by its red, green, and blue values from 0 to 255, which is how screens actually display color. HSL stands for hue, saturation, and lightness, and it’s the easiest format for adjusting a color by hand — raise the lightness for a tint, lower it for a shade.
Frequently Asked Questions
How do I convert HEX to RGB?
Type or paste your HEX code into the HEX field above. The RGB values update automatically. You can then copy the RGB code with one click.
What is the HEX code for a given RGB value?
Enter your red, green, and blue numbers in the RGB fields and the matching HEX code appears instantly in the HEX field.
Is this color converter free?
Yes. The tool is completely free, works in your browser, and requires no account or download. Nothing you enter is uploaded anywhere.
What is a complementary color?
A complementary color sits directly opposite your color on the color wheel. It creates high contrast and is useful for accents and call-to-action buttons. You’ll find it in the Color Harmonies section above.