Short guides to help you use color confidently on the web.
HEX encodes RGB channels in base-16. HSL is more intuitive for adjusting hue, saturation, and lightness in design systems.
Aim for 4.5:1 for body text (WCAG AA). Use our contrast checker while choosing text and background pairs.
Complementary, analogous, and triadic schemes create balanced palettes from a single base hue.
Export palettes as CSS variables, Tailwind config, Swift, Flutter, and more for cross-platform consistency.