Shades and Tints Generator
Get 10 lighter tints and 10 darker shades of any colour, ready to copy.
Result
How to use
- 1
Pick a colour or type its code.
- 2
See 10 tints (mixed with white) and 10 shades (mixed with black).
- 3
Click any swatch to copy its HEX code.
Questions
What is the difference between a tint and a shade?
A tint is a colour mixed with white, making it lighter. A shade is a colour mixed with black, making it darker. (A tone is a colour mixed with grey.)
How are they calculated?
Each step mixes the colour with white or black in 10% steps: tint = colour + (255 − colour) × p; shade = colour × (1 − p).
How do I copy a colour?
Click any swatch to copy its HEX code to the clipboard.
About this Shades & Tints tool
Shades and Tints Generator — Get 10 lighter tints and 10 darker shades of any colour, ready to copy. It is one of 200 free tools on namasivayam.in, made by software engineer Namasivayam Vadivelan for everyday use in India.
Everything is calculated instantly in your browser: nothing you type or upload is sent to any server, there is no sign-up, and it works on mobile and desktop. Pick a colour or type its code.
Related reading
Articles that go with this tool
Colours That Work: Simple Colour Tips for Your Slides, Posters and Websites
You don’t need to be a designer to use colour well. Simple rules for choosing colours, building a palette and making text easy to read — with free tools to help.
How AI Chatbots Actually Work — Explained Simply, Without the Jargon
AI chatbots can write emails, explain code and plan trips. But how do they really work, why do they sometimes confidently get things wrong, and how should you use them wisely?
Passkeys Explained: The Simple, Safer Way to Log In Without Passwords
Google, Apple and Microsoft now let you sign in with passkeys instead of passwords. What a passkey is, why it can’t be phished, and how to set one up in five minutes.
Related tools
More colour tools you may like
Results are estimates to help you plan. They are not financial, tax or medical advice.