🎨

Color Shades Generator

Color Tools

Generate a full palette of tints and shades from any base color

Loading tool...

About This Tool

Pick any color and instantly generate 10 tints (lighter, toward white) and 10 shades (darker, toward black). Each swatch shows HEX and RGB values — click any one to copy its hex code. Export the full palette as CSS custom properties or a Tailwind color config.

Related Tools

🎯

CSS Gradient Generator

Generate CSS gradient code visually
👁️

Color Blindness Simulator

Upload any image and see how it appears to people with different types of color blindness using canvas pixel processing.
🎨

Color Converter

Convert between HEX, RGB, HSL color formats
🖌️

Color Picker

Pick colors and get all formats
🌈

Color Palette Generator

Generate harmonious color palettes