Practical color guides

Short, task-focused references that connect color theory and standards directly to a working tool.

HEX, RGB, HSL, and OKLCH color models

Understand which color format to use in CSS, design tools, accessibility checks, and modern wide-gamut workflows.

Use complementary, analogous, triadic, and split-complementary relationships without treating the color wheel as a rigid rule.

Learn the difference between mixing with white, black, and gray—and why perceptual scales are better for interface tokens.

Check text, components, states, and palettes against WCAG 2.2 without claiming that a palette alone is compliant.

Turn image samples into a practical design palette by cleaning near-duplicates, assigning roles, and checking contrast.

Generate a perceptually ordered 50–950 scale and export Tailwind v4 theme variables with accessible role guidance.