Color shades online generator

Input HEX code for colors you want or use the palette below.

Сохранён Save

Tints

Created by adding white to a base color, making it lighter. Shades become pastel colored.

#{{color}}

Tones

Created by adding grey to a base color, making it lighter. Shades appear more complex than the base color.

#{{color}}

Shades

Created by adding black to the base color, making it darker. The shades look richer.

#{{color}}

Tools

Hello,
nice to see you!

google login
github white login github black login
yandex login

Forgot Password?

Enter the email address you used when you joined and we’ll send you instructions to reset your password.

Create
a new account

Password mismatch

Any ideas or suggestions? 💡

Write to us, we'll try to implement them or correct any mistakes. Google Form

Introducing Mesh Gradients

We've added a mesh gradient generator and a new mesh library for you to enrich with your gradients. Now you can create beautiful abstract gradients, download them, copy their CSS codes, save them in your personal dashboard, and add them to the public library.

We will soon add a radial gradient generator!

Mesh Gradients