Back to Plugins
Palettes

Palettes

<p>Generate and manage color styles based on perceptually uniform palettes.</p><p><br></p><p>Think of Palettes as your color style manager. Open it next to the Properties Panel and add a new color to start seeing new styles being created live.</p><p><br></p><p>• Control how many shades are generated per color by changing the number of steps</p><p>• Live preview shows you a grid of all color styles as you edit them</p><p>• Palettes keeps track of all styles it creates across sessions, so you can edit them any time</p><p><br></p><h1>Perceptual uniformity</h1><p>The plugin aims to generate perceptually uniform palettes by default. That means that at any given percentage, you can expect different hues to have a similar <a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef" rel="noreferrer noopener nofollow" target="_blank">relative luminance</a>.</p><p><br></p><p>However, keeping luminance uniformity across hues makes it difficult to create the vibrancy levels you might expect.</p><p><br></p><p>You can overload the saturation control by up to 300% by using the input field to generate more vibrant colors above 100%. Keep in mind this can introduce unintended chromatic differences in a palette if you push it too far, so approach with care.</p>

contrastpaletteuniformacessibilityshadesabstractcolorstylesperceptual

Plugin Preview

Palettes preview

About this plugin

Generate and manage color styles based on perceptually uniform palettes.


Think of Palettes as your color style manager. Open it next to the Properties Panel and add a new color to start seeing new styles being created live.


• Control how many shades are generated per color by changing the number of steps

• Live preview shows you a grid of all color styles as you edit them

• Palettes keeps track of all styles it creates across sessions, so you can edit them any time


Perceptual uniformity

The plugin aims to generate perceptually uniform palettes by default. That means that at any given percentage, you can expect different hues to have a similar relative luminance.


However, keeping luminance uniformity across hues makes it difficult to create the vibrancy levels you might expect.


You can overload the saturation control by up to 300% by using the input field to generate more vibrant colors above 100%. Keep in mind this can introduce unintended chromatic differences in a palette if you push it too far, so approach with care.

Plugin Details

Version4
CreatedMay 26, 2020
Last UpdatedSeptember 16, 2020
Categoryshapes-colors
CreatorHenrique Gusso
Stats3189 installs, 201 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/main.js

More Like This

Discover other plugins in the shapes-colors category.