Generate shades and tints from any color. Mix your base color with black to create shades or white to create tints.
Preset Colors
Shades and tints are different ways of changing a color while keeping its basic hue. A shade is created by adding black to a color, making it darker, while a tint is created by adding white, making it lighter. This color shades and tint generator creates a range of lighter and darker variations from your base color, so you can easily explore different tones for websites, graphics, illustrations, and other design projects.
Create darker versions of a base color by gradually adding black.
Create lighter versions of your color by gradually adding white.
Enter or choose a base color and explore its lighter and darker variations.
Find matching tones for interfaces, backgrounds, illustrations, branding, and other design work.
Pick a color or enter its HEX, RGBA, HSL, or HSV value to use as the starting point.
View a range of lighter tints and darker shades generated from your base color.
Select a shade or tint that works for your design and copy its color value.