COLOR NOTES
Small guides for better color decisions
Build a palette that works beyond the swatches. →
A practical guide to choosing color roles, extracting image palettes and exporting usable design tokens.
Check contrast with the actual foreground and background. →
Understand WCAG 2.2 AA and AAA ratios, large text thresholds, and the limits of an automatic color adjustment.
Choose the right color format for the job. →
HEX, RGB, HSL, HSV, CMYK and OKLCH explained, with practical notes on CSS gradients and print conversion.