Tint
A color mixed with white, making it lighter and softer.
Also called tints
A tint is a color lightened by adding white. Pastels are tints: baby blue is a tint of blue.
Tints are handy for backgrounds and hover states, because they stay in the same color family as the original.
Guides that cover Tint
- Palettes What Is a Color Palette? What is a color palette? Learn the main palette types, how many colors to use and how to build one for your brand or website. Then try our palette tools.
- Tints & Shades Tints, Shades, and Tones Tint, shade and tone explained: see how adding white, black or gray changes a base color, and how to use each to build richer palettes. Read the quick guide.
- HSL What are HSL colors? HSL color explained: how hue, saturation and lightness define a color, how the HSL color space differs from RGB, and how to use HSL and HSLA in CSS. Read on.
- HEX What are HEX Colors? Hex colors explained: how hex color codes like #FF5733 work, how #RRGGBB maps to RGB, what shorthand hex means and how to convert hex to RGB. Read on.