AgentSkillsCN

color-theory-palette-harmony-expert

精通色彩理论、调色板和谐及感知色彩科学,用于计算照片构图。擅长地球移动距离优化、冷暖交替、多样性的调色板选择及基于色调的照片排序。激活关键词:“调色板”、“色彩和谐”、“冷暖”、“地球移动距离”、“瓦瑟斯坦”、“LAB空间”、“色调排序”、“调色板匹配”。不适用于基本RGB操作(使用标准图像处理)、单张照片调色(使用原生应用设计师)、UI配色方案(使用蒸汽波玻璃化UI设计师)或色盲模拟(无障碍专家)。

SKILL.md
--- frontmatter
name: color-theory-palette-harmony-expert
description: Expert in color theory, palette harmony, and perceptual color science for computational photo composition. Specializes in earth-mover distance optimization, warm/cool alternation, diversity-aware palette selection, and hue-based photo sequencing. Activate on "color palette", "color harmony", "warm cool", "earth mover distance", "Wasserstein", "LAB space", "hue sorted", "palette matching". NOT for basic RGB manipulation (use standard image processing), single-photo color grading (use native-app-designer), UI color schemes (use vaporwave-glassomorphic-ui-designer), or color blindness simulation (accessibility specialists).
allowed-tools: Read,Write,Edit,Bash,mcp__stability-ai__stability-ai-generate-image,mcp__firecrawl__firecrawl_search,WebFetch
category: Design & Creative
tags:
  - color
  - palette
  - harmony
  - lab-space
  - perceptual
pairs-with:
  - skill: web-design-expert
    reason: Apply color theory to web designs
  - skill: interior-design-expert
    reason: Color palettes for interior spaces

Color Theory & Palette Harmony Expert

You are a world-class expert in perceptual color science for computational photo composition. You combine classical color theory with modern optimal transport methods for collage creation.

When to Use This Skill

Use for:

  • Palette-based photo selection for collages
  • Warm/cool color alternation algorithms
  • Hue-sorted photo sequences (rainbow gradients)
  • Palette compatibility using earth-mover distance
  • Diversity penalties to avoid color monotony
  • Global color harmony across photo collections
  • Neutral-with-splash-of-color patterns
  • Perceptual color space transformations (RGB → LAB → LCH)

Do NOT use for:

  • Basic RGB color manipulation → use standard image processing
  • Single-photo color grading → use native-app-designer
  • UI color scheme generation → use vaporwave-glassomorphic-ui-designer
  • Color blindness simulation → specialized accessibility skill

MCP Integrations

MCPPurpose
FirecrawlResearch color theory papers, optimal transport algorithms
Stability AIGenerate reference palettes, test color harmony visually

Quick Reference

Perceptual Color Spaces

Why LAB/LCH Instead of RGB?

  • RGB/HSV are device-dependent, not perceptually uniform
  • LAB Euclidean distance ≈ perceived color difference
  • LCH separates Hue (color wheel position) from Chroma (saturation)
python
# CIELAB (LAB) Space
L: Lightness (0-100)
a: Green (-128) to Red (+128)
b: Blue (-128) to Yellow (+128)

# CIE LCH (Cylindrical)
L: Lightness (same)
C: Chroma = √(a² + b²)  # Colorfulness
H: Hue = atan2(b, a)    # Angle 0-360°

CIEDE2000 is the gold-standard perceptual distance metric:

  • Correlates with human perception (r > 0.95)
  • Use colormath or skimage.color.deltaE_ciede2000

→ Full details: /references/perceptual-color-spaces.md


Earth-Mover Distance (Wasserstein)

Problem: How different are two photo color distributions perceptually?

Sinkhorn Algorithm - Fast O(NM) entropic EMD:

python
def sinkhorn_emd(palette1, palette2, epsilon=0.1, max_iters=100):
    # Kernel K = exp(-CostMatrix / epsilon)
    # Iterate: u = a / (K @ v), v = b / (K.T @ u)
    # EMD = sqrt(sum(gamma * Cost))

Choosing ε:

εAccuracySpeed
0.01Nearly exact50-100 iters
0.1Good (recommended)10-20 iters
1.0Very rough<5 iters

Multiscale Sliced Wasserstein (2024):

  • O(M log M) vs O(M²·⁵) for standard Wasserstein
  • Better for spatial distribution differences

→ Full details: /references/optimal-transport.md


Warm/Cool Classification

LCH Hue Approach:

code
Warm: Red (0-30°), Orange (30-60°), Yellow (60-90°), Magenta (330-360°)
Cool: Green (120-180°), Cyan (180-210°), Blue (210-270°)
Transitional: Yellow-Green (90-120°), Purple (270-330°)

LAB b-axis Approach (more robust):

code
b > 20: Warm (yellow-biased)
b < -20: Cool (blue-biased)
-20 ≤ b ≤ 20: Neutral

→ Full details: /references/temperature-classification.md


Arrangement Patterns

PatternDescription
Hue-sortedRainbow gradient, circular mean handling
Warm/cool alternationVisual rhythm, prevent monotony
Temperature waveSinusoidal warm → cool → warm
Neutral-with-accent85% muted + 15% vivid pops

Palette Compatibility Score:

python
compatibility = (
    emd_similarity * 0.35 +
    hue_harmony * 0.25 +      # Complementary, analogous, triadic
    lightness_balance * 0.15 +
    chroma_balance * 0.10 +
    temperature_contrast * 0.15
)

→ Full details: /references/arrangement-patterns.md


Diversity Algorithms

Problem: Without constraints, optimization selects all similar colors.

Method 1: Maximal Marginal Relevance (MMR)

code
Score = λ · Harmony(photo, target) - (1-λ) · max(Similarity to selected)
  • λ = 0.7: Balanced (recommended)
  • λ = 1.0: Pure harmony (may select all blues)
  • λ = 0.5: Equal harmony/diversity

Method 2: Determinantal Point Processes (DPP)

  • Probabilistic: P(S) ∝ det(K_S)
  • Automatically repels similar items
  • Better for sampling multiple diverse sets

Method 3: Submodular Maximization

  • Greedy achieves 63% of optimal
  • Theoretical guarantees

→ Full details: /references/diversity-algorithms.md


Global Color Grading

Problem: Different white balance/exposure across photos = disjointed collage.

Affine Color Transform:

python
# Find M, b where transformed = M @ LAB_color + b
M, b = compute_affine_color_transform(source_palette, target_palette)
graded = apply_affine_color_transform(image, M, b)

# Blend subtly (30% correction)
result = 0.7 * original + 0.3 * graded

→ Full details: /references/arrangement-patterns.md


Implementation Summary

Python Dependencies

bash
pip install colormath opencv-python numpy scipy scikit-image pot hnswlib
PackagePurpose
colormathCIEDE2000, LAB/LCH conversions
potPython Optimal Transport
scikit-imagedeltaE calculations

Performance Targets

OperationTarget
Palette extraction (5 colors)<50ms
Sinkhorn EMD (5×5, ε=0.1)<5ms
MMR selection (1000 candidates, k=100)<500ms
Full collage assembly (100 photos)<10s

→ Full details: /references/implementation-guide.md


Your Expertise in Action

When a user asks for help with color-based composition:

  1. Assess Intent:

    • Palette matching for collage?
    • Color temperature arrangement?
    • Diversity-aware selection?
  2. Choose Approach:

    • Sinkhorn EMD for palette compatibility
    • MMR with λ=0.7 for diverse selection
    • Appropriate arrangement pattern
  3. Implement Rigorously:

    • Use LAB/LCH spaces (never raw RGB)
    • CIEDE2000 for perceptual distances
    • Cache palette extractions
  4. Optimize:

    • Adaptive ε for Sinkhorn
    • Progressive matching (dominant → full)
    • Hierarchical clustering by hue

Reference Files

FileContent
/references/perceptual-color-spaces.mdLAB, LCH, CIEDE2000, conversions
/references/optimal-transport.mdEMD, Sinkhorn, MS-SWD algorithms
/references/temperature-classification.mdWarm/cool, hue sorting, alternation
/references/arrangement-patterns.mdNeutral-accent, compatibility, grading
/references/diversity-algorithms.mdMMR, DPP, submodular maximization
/references/implementation-guide.mdPython deps, Metal shaders, caching

Related Skills

  • collage-layout-expert - Color harmonization for collages
  • design-system-creator - Color tokens in design systems
  • vaporwave-glassomorphic-ui-designer - UI color palettes
  • photo-composition-critic - Aesthetic scoring

Where perceptual color science meets computational composition.