Palette Analyzer
Paste any set of hex colors and get an OKLCH-based diagnostic: lightness spread, near-duplicate detection, chroma balance, and hue span. Includes a perceptual fix for common issues.
OKLCHBrowser-local2–16 colors
Examples:
What each metric means
- L range (Lightness spread)
- Difference in OKLCH L-value between the lightest and darkest color in the palette. A range of less than 25% usually means the palette will appear flat when used in pixel art.
- ΔE (Delta E)
- Perceptual distance between two colors in OKLCH space. Values below ~0.08 indicate colors that are visually very difficult to distinguish in pixel art context.
- C range (Chroma spread)
- Spread in colorfulness/saturation across the palette. High C range means the palette includes both muted and saturated colors.
- Hue span
- The range of hue degrees covered by chromatic colors. Larger span = more varied hue relationships (analogous is narrow, complementary or triadic is wider).
- Health score
- This site's own diagnostic score (0–100) based on measured OKLCH factors. Not an industry standard. Starts at 100; deductions applied for detected issues.
Limitations
- • The automatic fix is a heuristic — it prioritizes lightness separation and may change colors more than expected.
- • The health score is this site's own metric, not an industry-standard measurement.
- • All computation runs in the browser. No colors are sent to a server.