Base Color Space (OKLCH)
{{ baseHex }}
{{ baseCssColor }}
Extract from Image
Upload or capture an area to set the base color.
Tap/Drag for color
Perceived Lightness (OKLCH L)
Link Harmony
{{ isHarmonyConnected ? 'Connected' : 'Detached' }}
{{ isHarmonyConnected ? 'Moving any color shifts the entire harmony.' : 'Adjust individual colors without affecting others.' }}
Generated Palette Matrix
Click any color swatch to manually fine-tune it.
Fine-Tuning Color {{ selectedSwatchIndex + 1 }}
Focal
{{ (item.proportion ?? 0).toFixed(1) }}%
Lc {{ (item.contrastRatio ?? 0).toFixed(1) }} APCA (vs W)
{{ item.hex }}
Proportional Area Distribution
Mathematical representation of compositional weight.
Tonal Range Analysis (L)
Spread of perceived lightness across the palette.
OKLCH Spatial Distribution (3D)
Geometry of Lightness (Y-axis), Chroma (Radius), and Hue (Angle).
High-Precision Extractor
Perform detailed color extraction on the enlarged view.
Export & Share
"{{ aiPrompt }}"
Optimized for Midjourney, DALL-E, and cinematic AI generation.