What's the difference between a tint and a shade?

A tint is a color mixed with white (lighter), while a shade is a color mixed with black (darker).

Color Shade & Tint Generator

Generate a lighter tint and a darker shade of any hex color by blending it toward white or black, useful for building a design color palette.

Inputs

Results

Try an example

Formula

Tint = blend toward white by %; Shade = blend toward black by %

How Color Shade and Tint Generators Blend Toward Black or White

The RGB channel-blending formula behind lighter tints and darker shades of any color.

HEX to RGB Converter

Convert a hex color code to RGB values, or RGB to hex.

RGB to HSL Converter

Convert an RGB color to HSL (hue, saturation, lightness).

Color Contrast Checker

Check the WCAG contrast ratio between two colors for accessibility.

CMYK to RGB Converter

Convert CMYK print color values to RGB for screen display.

Opacity Blend Calculator

Calculate the resulting RGB color when blending a foreground color at a given opacity over a background.

Complementary Color Calculator

Find the complementary color for any hex color.