Back to Plugins
Color Shades

Color Shades

<p>Generate multiple shades from the same base color.</p><p><br></p><ul><li>Enter a base color with the color picker (square next to hex value) or typing a hex value into the input field.</li><li>Adjust the contrast by clicking and dragging on the contrast value or by entering a number between 0-100.</li></ul>

generatorpalettehuedark modeshadesuidesign systemtintscolorgradients

Plugin Preview

Color Shades preview

About this plugin

Generate multiple shades from the same base color.


  • Enter a base color with the color picker (square next to hex value) or typing a hex value into the input field.
  • Adjust the contrast by clicking and dragging on the contrast value or by entering a number between 0-100.

Plugin Details

Version6
CreatedJanuary 9, 2021
Last UpdatedMay 12, 2022
Categoryshapes-colors
CreatorZach Krall
Stats51026 installs, 2004 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma

More Like This

Discover other plugins in the shapes-colors category.