Color shader

🎨 Just select your color

⚙ Modify the prefix and the number of steps

Features

• 🎨 Customizable by step dark, light and opacity shades.
• 📋 Click on any color cell to copy to clipboard.
• #️⃣ You can copy the hex color with hash (#) or without it.
• 📃 List with all the custom properties with your desired prefix. Unnecessary ones are removable.

What is the purpouse of this project?

I just created this web to prevent me from calculating shades with manual methods or external generators.

I needed this 3 calculations and a list of custom properties in order to save some time creating colors palettes.

Credits

• Thanks to Michael Edelstone for calculating colors accurately.