Tint & Shade Generator screenshotVisit website

Tint & Shade Generator

Color & Gradient

Visit website
Freemium

About

Tint & Shade Generator

Easily make tints and shades that match the output of Chrome DevTools, Sass, Less, and PostCSS.

Ready to try Tint & Shade Generator?

Opens maketintsandshades.com in a new tab.

Visit website

Similar tools

Shade GeneratorTints.devColor DesignerPigmentPPPaletteColormind

The weekly drop

The best new tools, every week. No spam, unsubscribe anytime.

Alternatives & related

Gradient Generator preview

Gradient Generator

A tool for creating and fine-tuning CSS gradients.

Radix Colors preview

Radix Colors

A gorgeous, accessible color system for design systems.

OKLCH Color Picker preview

OKLCH Color Picker

OKLCH is a new way to encode colors (like hex, RGBA, or HSL)

Grabient preview

Grabient

A simple way to make and grab beautiful gradients.

Color Review preview

Color Review

Explore accessible color pairs and check their contrast against WCAG.

Gradients.cool preview

Gradients.cool

Native gradient studio for Mac with 120 presets for still and animated backgrounds.

Color Leap preview

Color Leap

180 color palettes drawn from art and design across 4,000 years of history.

Sip preview

Sip

A better Color Picker for your Mac.

More in Color & Gradient

See all 63
Egg Gradients preview

Egg Gradients

Ready to use gradient background colors. ✓ Cool Gradients are prepared according to the latest design trends. And it is served in the form of eggs. ✓ With hex and CSS codes.

Sim Daltonism preview

Sim Daltonism

Mac app that simulates color blindness over any window in real time.

Shade Generator preview

Shade Generator

Generates shades and tints from any color.

HTML Color Codes preview

HTML Color Codes

Get HTML color codes, Hex color codes, RGB, HSL and OKLCH values with our color pickers, color wheel, color chart and HTML color names. Let's go!