ArtyColors – Color Variant Shifter
Make color variants while preserving shadows, highlights, & color relationships | OKLCH color space
Plugin Preview
About this plugin
Ever changed a button color and then had to manually adjust all its shadows, highlights, and accent colors? ArtyColors maintains the visual relationships between your colors automatically.How It Works:Design your master component with your perfect color balanceTag your colors - mark which is your base color and which are shadows/highlights/etc.Generate unlimited variants - change the base color and watch all related colors update proportionallyPerfect For:Creating multiple button states (primary, secondary, success, warning)Building theme variations (light/dark/brand colors)Generating color systems from a single sourceMaintaining consistent shadow and highlight relationshipsKey Features:Preserves color relationships using perceptual color space (OKLCH)Batch generation - create 10 variants as fast as 1Smart templates - save and reuse your color relationshipsWorks with any design - buttons, cards, illustrations, UI componentsExample Use Case:You've designed the perfect pink gradient button with subtle shadows and glowing highlights. Need it in blue? Green? Your brand colors? ArtyColors creates perfect variants in seconds, maintaining the exact same visual depth and luminosity relationships.---Technical Detail: Color Relationship ModelBase → Color transformationsLightness: L' = L ± k × (range)Chroma: C' = C × multiplierHue: h' = h + Δ degrees
Plugin Details
| Version | 1 |
|---|---|
| Created | September 3, 2025 |
| Last Updated | September 4, 2025 |
| Category | editing & effects plugins |
| Creator | Gracie Williams |
| Stats | 197 installs, 6 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the editing & effects plugins category.