Створіть перцептуально рівномірні градієнтні шкали між двома кольорами або змішуйте за субтрактивною семантикою.
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.