Loading tool...
Color Shades Generator
Generate a full palette of tints and shades from any base color
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.
Convert between HEX, RGB, HSL color formats
Generate CSS gradient code visually
Upload any image and see how it appears to people with different types of color blindness using canvas pixel processing.
Generate harmonious color palettes
Pick colors and get all formats