🍋
Menu
Design

Analogous Colors

Analogous Color Scheme

Three or more colors adjacent on the color wheel, producing harmonious and visually cohesive palettes.

तकनीकी विवरण

The analogous 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.

उदाहरण

```css
/* Analogous 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;
}
```

संबंधित टूल्स

संबंधित शब्द