Master Color in the Modern Web
Why use Color Lab?
Modern screens are capable of displaying vibrancies far beyond standard sRGB.Color Lab is an advanced converter built for the era of Wide Gamut (P3, Rec.2020) and Perceptually Uniform spaces (OKLCH).
- Next-Gen SpacesWork directly in OKLCH, LCH, and P3—the future of CSS color.
- AccessibilityCheck contrast using both WCAG 2.1 and the modern APCA algorithm.
- Perceptual AccuracyGenerate gradients that look linear to the human eye, not just the math.
OKLCH Explained
OKLCH is a perceptual color space standard in CSS 4. Unlike HSL, where "50% Lightness" varies wildly effectively between Yellow and Blue, OKLCH guarantees that the same "Lightness" value appears equally bright to the human eye.
This makes it critical for design systems and accessible UI components where contrast ratios must be predictable.
APCA vs WCAG 2.1
WCAG 2.1 (AA/AAA) is the current legal standard but has flaws (like over-penalizing white text on orange buttons).
APCA (Advanced Perceptual Contrast Algorithm) is the future standard (WCAG 3.0 draft). It accounts for font weight, size, and polarity (dark-on-light vs light-on-dark), providing a much more accurate measure of readability.