/color-shader

Creates light, dark and opacity shades from an initial color. You can also set the number of steps. Generates a list of custom properties with customizable prefix.

Primary LanguageTypeScript

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