Back to Plugins
Krakatoa

Krakatoa

<p>Super-simple perceptually uniform 10-step color palette generator using <a href="http://hsluv.org" rel="noreferrer noopener nofollow" target="_blank">HSLUV</a>.</p><p><br></p><h2>How to Use:</h2><ol><li>Select an element with the desired fill color</li><li>Open Krakatoa (Plugins &gt; Krakatoa)</li><li>Rename your color in the Krakatoa UI</li><li>Click generate palette</li></ol><p><br></p><h2>Coming Soon:</h2><ul><li>Generate styles</li><li>Optional dark mode palette</li><li>Change contrast stepper values</li><li>Custom amount of colors</li></ul><p><br></p><p><em>Created by </em><a href="https://cole.lol" rel="noreferrer noopener nofollow" target="_blank"><em>Cole Fortson</em></a><em> and </em><a href="https://awillingham.dev" rel="noreferrer noopener nofollow" target="_blank"><em>Armond WIllingham</em></a></p>

generatorpaletteaccessibilityhsluvabstractdarkcolor

Plugin Preview

Krakatoa preview

About this plugin

Super-simple perceptually uniform 10-step color palette generator using HSLUV.


How to Use:

  1. Select an element with the desired fill color
  2. Open Krakatoa (Plugins > Krakatoa)
  3. Rename your color in the Krakatoa UI
  4. Click generate palette


Coming Soon:

  • Generate styles
  • Optional dark mode palette
  • Change contrast stepper values
  • Custom amount of colors


Created by Cole Fortson and Armond WIllingham

Plugin Details

Version2
CreatedOctober 24, 2021
Last UpdatedNovember 3, 2021
Categoryshapes-colors
CreatorCole Fortson
Stats535 installs, 42 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.