Back to Plugins
Shader (UI)

Shader (UI)

Shader: Perfectly Harmonized Colors, Every Time

themeshadesuiinstantdarktintscolorpalletegradientslighteasy

Plugin Preview

Shader (UI) preview

About this plugin

Generate shades and tints of any color using an intuitive UI.


Gone are the days for guessing what shades of your base color might look like. Preview all generated shades in real-time.


Create up to 255 shades of your selected base color.


How to Use:

  1. Go to Plugins > Shader (UI) OR Click Ctrl + / (For Windows) or ⌃ + / (For Mac)
  2. Select the color you want as your base color.
  3. Select 'Lighten' or 'Darken' from the dropdown.
  4. Enter the number of shades you want to generate and click 'Create'.


Suggestions to improve the plugin are much appreciated. Enjoy! 😊

Plugin Details

Version3
CreatedMarch 7, 2022
Last UpdatedMay 28, 2024
Categoryshapes-colors
CreatorKarmit Patel
Stats525 installs, 16 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none

More Like This

Discover other plugins in the shapes-colors category.