Triadic Colors
Triadic Color Scheme
Three colors equally spaced (120 degrees apart) on the color wheel, offering vibrant and balanced contrast.
Détail technique
The triadic colors is based on the three primary models: RYB (traditional pigment), RGB (additive light), and CMYK (subtractive print). In the perceptually uniform OKLCH color space, equal numerical distances correspond to equal perceived differences — unlike HSL where a 10-degree hue shift appears dramatically different at different lightness levels. Modern CSS supports oklch() natively, enabling designers to create harmonies with mathematically consistent perceptual contrast.
Exemple
```css
/* Triadic Colors: design specification example */
.component {
font-family: Inter, system-ui, sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #1a1a1a;
padding: 1rem 1.5rem;
}
```
Outils associés
C
Color Palette Generator
T
Type Scale Generator
S
Spacing Scale Generator
R
Responsive Breakpoints
A
Aspect Ratio Calculator
C
Color Shade Generator
F
Font Pairing Suggestions
C
Contrast Checker
D
Design Tokens Generator
S
Social Media Size Guide
G
Golden Ratio Calculator
A
App Icon Size Guide
S
Shadow System Generator
M
Multi-Stop Gradient Generator
C
CSS Pattern Generator