#FFFFFF
#E5DFFD
#C9BFFB
#ACA0F8
#8B83F5
#6366F1
#5151BC
#3F3D89
#2D2B5A
#1B192F
#000000
Why Shades & Tints
- Generates a smooth ramp of tints (lighter) and shades (darker).
- Uses LAB color space for perceptually-uniform steps.
- Adjustable count from 5 to 21.
Common questions
Is Shades & Tints free to use?
Yes. Shades & Tints is completely free. There is no sign up, no trial, and no usage cap.
Do I need an account to use Shades & Tints?
No. You can start using Shades & Tints straight away. We do not ask for an email address or a login.
Is my data uploaded to a server when I use Shades & Tints?
No. Shades & Tints runs entirely inside your browser, so the colors you enter never leaves your device and nothing is sent to us.
Do you store the colors I use with Shades & Tints?
No. Because everything happens locally in your browser, there is nothing for us to store. Close the tab and it is gone.
Can I copy colors as HEX, RGB, or HSL?
Yes. Shades & Tints shows colors in the common formats and lets you copy the value you need with one click.
Can I use the colors from Shades & Tints in my design tool?
Absolutely. Copy the value and paste it into Figma, your code, or any other app.
How do I use Shades & Tints?
Enter or paste your colors and Shades & Tints updates the result as you go. When it looks right, copy or download it with one click.
Does Shades & Tints work on phones and tablets?
Yes. Shades & Tints is responsive and works in any modern browser on mobile, tablet, and desktop.
Which browsers does Shades & Tints support?
It works in current versions of Chrome, Firefox, Safari, and Edge. For the best experience, keep your browser up to date.
Is there a limit on how often I can use Shades & Tints?
No. You can use Shades & Tints as many times as you need, at no cost.
Can I use Shades & Tints for commercial or client work?
Yes. You are free to use the output in personal, educational, and commercial projects.
Why is Shades & Tints free?
The site is supported by advertising, which lets us keep every tool free and open to everyone.
What should I do if Shades & Tints gives an unexpected result?
First check that your colors is formatted as expected. If something still looks wrong, use the feedback link on the page and we will take a look.