Создавайте перцептуально равномерные градиентные шкалы между двумя цветами или смешивайте с вычитательной семантикой.
linear-gradient(90deg, #E63946 0%, #CD4D66 17%, #B35881 33%, #995E99 50%, #7E61AF 67%, #5F60C5 83%, #3B5BDB 100%)
Интерполяция в пространстве OKLab: оттенок следует визуально равномерному пути — красный + синий дают фиолетовый вместо грязного серого, без мертвой зоны между ними.
Перцептуально равномерный градиент между любыми двумя цветами — регулируемая плотность, градиент CSS в один клик.
Выберите цвет для A и B (с помощью пикера или прямого ввода HEX); кнопка обмена меняет конечные местами в один клик.
Перцептуальный режим интерполирует в OKLab, поэтому даже дополнительные пары сохраняют переход оттенка; режим RGB воспроизводит наивное смешивание большинства программ — сравните оба, чтобы увидеть разницу.
Перетащите ползунок шагов для регулировки плотности шкалы (3–15), скопируйте полный CSS-градиент или кликните на любой промежуточный цвет, чтобы открыть его профиль.
Три часто задаваемых вопроса о алгоритмах смешивания.
Перенесите шкалу в студию градиентов, чтобы добавить больше остановок, или откройте цветовое колесо, чтобы построить гармонии из смешанного цвета.
Воспринимающе равномерные градиенты OKLCH, без серых полос, экспорт CSS одним кликом.
Перетащите колесо, чтобы выбрать базовый цвет, получите шесть схем гармонии в реальном времени, откройте в панели или экспортируйте PNG.
Преобразует любой цвет в шкалу дизайн-системы из 11 шагов, перцептивно равномерную в OKLCH, с контролем контрастности по WCAG на каждом шаге, экспорт в Tailwind/CSS/SCSS/JSON.