Shade & Tint Generator
Generate lighter tints and darker shades of any color with precision control
Base Color
Mode
Steps
Export
Tints (Lighter)
#5d98f7
#7dadf9
#9ec1fa
#bed6fc
#dfeafd
Base Color
#3B82F6
Shades (Darker)
#0b64f4
#0950c3
#073c92
#052861
#021431
Usage Tips
- Tints: Add white to create lighter variations
- Shades: Add black to create darker variations
- Tailwind Scale: Generate a complete color scale like Tailwind CSS
- Click any color to copy its hex code
- Use the export buttons to copy all colors as CSS or JSON
- Perfect for creating consistent color systems