The World Isn't Black and White, It's RGB
summary
Presents evidence that using device-independent OKLCH color instead of RGB/HSL better preserves perceived lightness and contrast, and demonstrates in-browser HTML/CSS sliders where HSL choices break text readability while OKLCH maintains legibility. Explains the luminance math (gamma ≈2.4 with channel weights ~green 70%, red 21%, blue 7%), cites CSS color updates (Feb 2024) and WCAG 2.2 contrast threshold 4.5:1, and shows a small demo that reproduces and avoids HSL’s surprising contrast failures.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:07Color in CSS
- 3:39Color accessibility
- 5:45Luminance importance
- 8:57HSL limits
- 12:19Color perception limits
- 14:52New CSS color specs
- 16:43OKLCH for web color
- 18:13RGB color space
- 21:33Beyond RGB with P3 and OKLCH
- 22:36OKLCH palette benefits
- 23:42Demo: HSL vs OKLCH readability
- 24:23Conclusion
