UTILS.
100% у браузері

Змішувач кольорів

Змішуйте два кольори в регульованій пропорції та отримуйте підсумкове HEX-значення.

Перетягніть повзунок, а потім натисніть на результат, щоб скопіювати його.

Про цей інструмент

Color Mixer — це безкоштовний браузерний інструмент, який змішує два кольори у налаштовуваному співвідношенні й повертає отриманий hex-код. Виберіть початковий і кінцевий колір за допомогою рідних засобів вибору кольору, а потім перетягніть повзунок співвідношення від 0 до 100 відсотків, щоб задати, наскільки далеко суміш просувається від першого кольору до другого.

Суміш обчислюється лінійною інтерполяцією кожного каналу RGB: на 0% результат дорівнює першому кольору, на 100% — другому, а 50% — це точна середина. Значення обчислюються у 8-бітному sRGB, округлюються до цілих рівнів каналів і показуються наживо як великий зразок попереднього перегляду й копійований hex-рядок, коли ви рухаєте повзунок чи змінюєте будь-який колір.

Усе працює на вашому пристрої — без завантажень на сервер, без облікових записів, без відстеження — і працює офлайн після завантаження сторінки. Використовуйте його, щоб знайти проміжний тон між двома брендовими кольорами, згенерувати проміжний крок для градієнта чи попередньо переглянути, що дають два кольори при поєднанні.

Поширені запитання

Як обчислюється суміш?
Кожен із каналів червоного, зеленого й синього лінійно інтерполюється між двома кольорами, зважено за положенням повзунка, а потім округлюється до найближчого 8-бітного рівня. На 0% ви отримуєте перший колір, а на 100% — другий.
Як скопіювати результат?
Клацніть отримане hex-значення — і воно копіюється у ваш буфер обміну.
Що означають відсотки повзунка?
Повзунок задає співвідношення змішування від 0 до 100 з кроком у цілий відсоток. 0% показує лише перший колір, 100% — лише другий, а 50% — рівну суміш; число — це наскільки далеко результат просувається до другого кольору.
Чи підтримує він прозорість або інші формати кольору?
Ні. Засоби вибору використовують рідний ввід кольору, тож обидва кольори — це непрозорий 6-значний sRGB hex без альфа-каналу, а змішування виконується в гамма-кодованому sRGB, а не в лінійному просторі.

Більше інструментів