Color Converter
Pick a color and get HEX, RGB and HSL in sync, a big live preview, and a 10-step tint & shade scale generated from your color — ready to copy for any design system.
FAQ
Which formats does it output?
HEX, rgb() and hsl() — every field stays in sync when you change any of them.
What are tints and shades?
Tints mix the color with white, shades with black — the generated scale is handy for hover states and UI palettes.
Can I enter a color without the # sign?
Yes, both 3-digit and 6-digit hex codes work with or without the hash.