Змішувач кольорів
Плавно переходьте від початкового кольору до кінцевого за до 10 кроків — переглядайте градієнт, захоплюйте кожен відтінок і миттєво копіюйте будь-який формат.
Оберіть два кольори та кількість кроків — усі проміжні відтінки обчислюються миттєво у вашому браузері.
Про Змішувач кольорів
Color Mixer змішує два кольори між собою та показує кожен проміжний крок. Оберіть початковий і кінцевий колір, виберіть, скільки проміжних відтінків потрібно — до десяти, — і інструмент миттєво обчислює весь перехід, як окремими зразками, так і у вигляді плавного попереднього перегляду градієнта.
Два режими змішування визначають спосіб обчислення суміші. RGB інтерполює кожен канал по прямій лінії, що є передбачуваним і нейтральним, тоді як HSL рухається по колірному колу, зберігаючи проміжні кроки більш насиченими та яскравими. Заміна двох кінцевих точок або випадковий вибір кольорів виконуються одним кліком.
Усе змішування відбувається у вашому браузері без участі сервера. Це зручний спосіб відповісти на питання на кшталт «який колір посередині між синім і помаранчевим», побудувати ступінчасті колірні шкали для графіків або отримати CSS-градієнт між двома брендовими кольорами.
Як використовувати Змішувач кольорів
- Оберіть початковий і кінцевий колір за допомогою піпеток або натисніть «Random colors».
- Встановіть кількість проміжних кроків, від 1 до 10.
- Виберіть режим змішування: RGB для лінійного змішування або HSL для змішування зі збереженням відтінку.
- Клацніть будь-який відтінок, щоб скопіювати його, або скористайтеся «Copy all» для всієї шкали.
- Скористайтеся «Copy CSS gradient», щоб отримати перехід у вигляді готового до вставки градієнта.