Monochromatic Color
Monochromatic Color Scheme
A palette using variations of a single hue through different tints, shades, and tones for subtle, cohesive designs.
기술 세부사항
The monochromatic color 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.
예시
```css
/* HSL color system for design tokens */
:root {
--hue-primary: 225; /* blue */
--primary-50: hsl(var(--hue-primary), 100%, 97%);
--primary-500: hsl(var(--hue-primary), 84%, 60%);
--primary-900: hsl(var(--hue-primary), 84%, 15%);
}
/* Change --hue-primary to theme entire site */
```