Chroma Engine
Perceptual OKLCH color space engine, APCA contrast validation, and design token compiler.
A design systems tool engineered for mathematical color harmony and perceptual accessibility. Computes Advanced Perceptual Contrast Algorithm (APCA) scores, OKLCH lightness curves, and color blindness simulations with instant CSS and Tailwind token export.
Verified Production Metrics
Problem Statement
HSL and RGB color models are mathematically non-perceptual, resulting in inconsistent text contrast, inaccessible color combinations, and tedious manual token adjustment.
Architectural Solution
Implemented perceptual color calculations based on OKLCH and APCA mathematical formulas, generating mathematically accessible palettes that guarantee readability across any display.
Critical Technical Decisions
Adoption of OKLCH over HSL
OKLCH guarantees identical perceived brightness across all hues, enabling predictable dark/light mode surface tokens.
APCA Contrast Algorithms over WCAG 2.1 Ratio
APCA accounts for spatial frequency, font weight, and polarity, providing scientifically superior readability predictions.
Capabilities & Feature Matrix
Perceptually uniform OKLCH color gamut interpolation avoiding sRGB clipping artifacts.
Live APCA contrast scoring compliant with modern WCAG 3.0 accessibility guidelines.
Real-time color vision deficiency simulation (Protanopia, Deuteranopia, Tritanopia).
Dynamic interactive lightness/chroma curves generating harmonious 6-step UI palettes.
One-click export to production CSS Custom Properties, Tailwind tokens, and Figma variables.
Technology Stack
Explore Source Code & Implementation
Inspect commit logs, architecture schemas, and pull requests on GitHub.