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

Що таке Змішувач кольорів?

Змішувач кольорів — це безкоштовний онлайн-інструмент, який інтерполює між двома кольорами та видає проміжний колір. Ви вводите Колір A і Колір B у форматі HEX (підходять як #rrggbb, так і скорочений запис #rgb), переміщуєте регулятор пропорції від 0% (повністю Колір A) до 100% (повністю Колір B) і обираєте колірний простір: RGB змішує вихідні канали напряму, тоді як Lab змішує в перцептивному просторі, який зазвичай робить середню точку природнішою на вигляд і уникає брудно-сірих відтінків. Дизайнери, фронтенд-розробники та ілюстратори використовують його, щоб знайти середній тон між двома фірмовими кольорами, побудувати плавні двоколірні градієнти, вивести відтінки для станів наведення чи меж або заздалегідь побачити, як дві фарби чи дві точки градієнта зустрінуться посередині. Результат показується як великий зразок над полем HEX лише для читання, яке можна скопіювати одним кліком.

Як користуватися Змішувач кольорів

1. Введіть або вставте перший колір у поле Колір A (HEX), а потім другий у поле Колір B (HEX), у форматі #rrggbb або #rgb.
2. Перетягніть повзунок Пропорція (або введіть число), щоб задати, скільки Кольору B підмішується: 0% дає Колір A, 100% дає Колір B, 50% — це рівна середня точка.
3. Виберіть простір змішування перемикачем RGB / Lab — оберіть Lab для перцептивно рівнішої суміші або RGB для буквального усереднення канал за каналом.
4. Спостерігайте, як зразок попереднього перегляду оновлюється в реальному часі, і зчитуйте HEX-значення змішаного кольору під ним.
5. Натисніть кнопку копіювання поряд із результатом, щоб скопіювати змішаний HEX у буфер обміну.

Приклади

A #ff0000, B #0000ff, ratio 50%, RGB

#800080

A #4f86f7, B #ffffff, ratio 75%, RGB

#d3e1fd

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

У чому різниця між варіантами RGB і Lab?

RGB змішує червоний, зелений і синій канали незалежно, що швидко й точно збігається з тим, як CSS усереднює кольори, але для далеких тонів може йти в тьмяні сірі відтінки. Lab перетворює обидва кольори в перцептивний простір CIELAB, інтерполює там і перетворює назад, завдяки чому середня точка зазвичай залишається яскравішою та ближчою до того, що очікує ваше око. Обидва дають результат #rrggbb.

Що означає регулятор пропорції?

Пропорція — це частка Кольору B у суміші. При 0% результат дорівнює Кольору A, при 100% — Кольору B, а при 50% це рівна середня точка між ними. Можна перетягувати повзунок або ввести точний відсоток.

Які формати кольору я можу вводити?

Обидва поля приймають HEX у формі #rrggbb (шість символів) або #rgb (трисимвольний скорочений запис). Якщо одне зі значень не є допустимим HEX-кольором, зʼявляється повідомлення про помилку, і суміш не показується, доки обидва значення не стануть допустимими. Вивід — завжди HEX-значення #rrggbb.

Чи можу я використати змішаний колір у ланцюжку робочого простору?

Так. Результат надається як вихідний порт, тож у робочому просторі deftdeck ви можете підключити змішаний HEX прямо до іншого інструмента, і він автоматично оновлюється щоразу, коли ви змінюєте колір, пропорцію або колірний простір.

Чи надсилаються мої кольори кудись?

Ні. Усі обчислення змішування виконуються локально у вашому браузері, тож значення кольорів ніколи не завантажуються на сервер. Інструмент працює офлайн і зберігає вашу палітру приватною.