Color Shades & Tints Generator

Create shades (darker versions) and tints (lighter versions) of any color for your design projects.

Color Controls

Select Base Color

Color Name (optional)

Number of Shades/Tints

3 5 10

How It Works

Shades are created by adding black to the base color.

Tints are created by adding white to the base color.

Click on any generated color to copy its HEX code.

Color Preview

#3498DB RGB(52, 152, 219)

Shades (Darker)

#1D6FA5

#2A80B4

#3498DB

#5AA9E4

#85C1EE

Tints (Lighter)

#1D6FA5

#2A80B4

#3498DB

#5AA9E4

#85C1EE

Recently Used Colors

Color copied to clipboard!