ArtyColors – Color Variant Shifter

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:

1. Design your master component with your perfect color balance
2. Tag your colors - mark which is your base color and which are shadows/highlights/etc.
3. Generate unlimited variants - change the base color and watch all related colors update proportionally

Perfect For:

1. Creating multiple button states (primary, secondary, success, warning)
2. Building theme variations (light/dark/brand colors)
3. Generating color systems from a single source
4. Maintaining consistent shadow and highlight relationships

Key Features:

1. Preserves color relationships using perceptual color space (OKLCH)
2. Batch generation - create 10 variants as fast as 1
3. Smart templates - save and reuse your color relationships
4. Works with any design - buttons, cards, illustrations, UI components

Example 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 Model

Base → Color transformations

Lightness: L' = L ± k × (range)

Chroma: C' = C × multiplier

Hue: h' = h + Δ degrees