Color Toolkit
100% Client-sidePick colors, convert formats, generate palettes and export CSS variables — all in one place.
Color Picker
Click to pick
#6366F1
Shades
Color Converter
Palette Generator
Base color
#6366F1
Monochromatic Shades
Complementary
Triadic
Named Colors Reference
Click any swatch to copy hex1
Pick a Color
Use the color picker or type a value in the converter. Supports HEX, RGB, and HSL formats.
2
Copy Values
Click any value badge to copy it instantly. Works for HEX, RGB, HSL, and HSB.
3
Generate Palette
Use the Palette Generator to create Tailwind-style shades, complementary and triadic schemes.
4
Export CSS
Click "Export CSS Variables" to download a ready-to-use CSS variables file for your project.