🎨 Color Converter
Pick a color with the color picker, or type any one format — HEX / RGB / HSL convert to each other in real time. Click a result to copy it.
Converted values (click any row to copy):
Common Color Palette
Click a swatch to copy its HEX value — high-frequency colors for front-end development.
FAQ
HEX, RGB or HSL — which should I use?
For static colors in CSS, HEX is the most concise; when you need transparency, use rgba() / hsla(); for building a whole family of shades (darker on hover, grayed-out when disabled), HSL is the most convenient — keep the hue and saturation fixed and only adjust L (lightness).
What does the 3-digit #RGB notation mean?
It's shorthand for the 6-digit form, with each digit doubled: #F00 = #FF0000 (red), #abc = #aabbcc. This tool expands 3-digit input automatically.