Triadic Color Generator

Create colors separated by 120 degrees on the HSL hue wheel and copy the palette.

Base color

Triadic harmonyHue rotations are calculated in HSL while preserving the base saturation and lightness.

Triad tokens & contrast matrix

Generate the ±120° hue partners, copy CSS variables, and check each color against white and black text/background references.

Token	HEX	Contrast vs white	Contrast vs black

Color harmony does not guarantee readable text. Contrast depends on which color is foreground and which is background.

Color and accessibility boundaries

HEX/RGB/HSL/HSV/OKLCH conversions are numerical color-model operations. CMYK output is an RGB-derived approximation rather than ICC-profiled print proofing. WCAG contrast ratios measure luminance contrast only and do not certify a full interface. Color-blindness previews are design simulations, not medical tests.