Back to Plugins
Color Shades

Color Shades

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.

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
Stats57646 installs, 2493 likes
PricingFree

Technical Details

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