Color Spaces
A color space is a model for describing colors numerically. Common web workflows use HEX, RGB, HSL, and increasingly OKLCH.
Common Usage Patterns
- HEX: Compact and common in style guides and handoff docs.
- RGB: Practical for calculations and JS-driven color logic.
- HSL: Quick hue/saturation/lightness tweaking.
- OKLCH: Better perceptual consistency for modern design systems.
Put It Into Practice
Convert between spaces and build reusable color scales for apps, dashboards, and brand palettes.