Tint & Shade Generator screenshot

Tint & Shade Generator

Color & Gradient

FreemiumNew

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.

Similar tools

Gradient Generator Radix Colors OKLCH Color Picker Grabient Sip Eye Dropper

The weekly drop

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

Alternatives & related tools

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.

Sip preview

New

Sip

A better Color Picker for your Mac.

Eye Dropper preview

Eye Dropper

Pick colors from any web page or your own palette.

Coolors preview

Coolors

The super-fast color-scheme generator loved by millions.

Coolhue preview

Coolhue

A hand-picked gradient collection for your next project.

More in Color & Gradient

Culrs preview

New

Culrs

Explore 500+ crafted and curated color palettes that can be used for various designs and applications.

Colorsinspo preview

Colorsinspo

Discover curated color palettes for branding, UI design, websites, and creative projects. Copy hex codes instantly on Colorsinspo.

GRADIENTOOL preview

GRADIENTOOL

Generate gradients and gradient animations, then export them.

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!