Гармонии и генерация палитр
Цветовые гармонии
| Функция | Описание |
|---|---|
complement(color) | Комплементарный цвет (поворот на 180°) |
triadic(color) | 3 цвета, равномерно разнесённые на 120° |
analogous(color, angle?) | 3 соседних цвета (по умолчанию ±30°) |
splitComplementary(color) | База + два цвета на 150° и 210° |
tetradic(color) | 4 цвета, равномерно разнесённые на 90° |
ts
import { triadic, analogous, tetradic } from 'color-value-tools'
triadic('#6c3483') // ['#6c3483', '#34836c', '#83346c']
analogous('#6c3483', 45) // ['#833469', '#6c3483', '#3469…']
tetradic('#6c3483') // 4 цветаГенерация палитр
| Функция | Описание |
|---|---|
colorShades(color, steps?) | Шкала от светлого к тёмному по HSL (по умолчанию 9 шагов) |
monochromatic(color, steps?) | Изменение насыщенности при фиксированной светлоте (по умолчанию 5 шагов) |
tints(color, steps?) | Смешивание к белому в Oklab (по умолчанию 5 шагов) |
shades(color, steps?) | Смешивание к чёрному в Oklab (по умолчанию 5 шагов) |
tones(color, steps?, gray?) | Смешивание к серому в Oklab (по умолчанию 5 шагов, серый #808080) |