Online Tool Store
Змішувач кольорів
Змішуйте два кольори HEX у будь-якому співвідношенні зі змішуванням у лінійному світлі для природного результату, з миттєвим виводом HEX і RGB у браузері.
🔒 Цей інструмент працює повністю у вашому браузері. Ваші файли ніколи не завантажуються на сервер.
Показано приклад — виберіть власні два кольори та співвідношення.
Згенерована палітра
Кольори палітри
Колір A
Результат змішування
Колір B
HEX суміші
RGB суміші
Як працює змішувач кольорів
- Виберіть або введіть два кольори HEX — Колір A і Колір B.
- Перетягніть повзунок співвідношення до кольору, який має переважати в суміші.
- Зразок суміші, код HEX, значення RGB і згенерована покрокова палітра оновлюються миттєво під час зміни будь-якого кольору або співвідношення.
Метод
Червоний, зелений і синій канали кожного кольору переводяться з гамма-кодованого sRGB у лінійне світло, змішуються за співвідношенням, потім переводяться назад у sRGB для показу. Змішування в лінійному просторі уникає затемненого, трохи сірого вигляду, що виникає при прямому усередненні байтів sRGB.
mixed = linearToSrgb(srgbToLinear(A) × (1 − t) + srgbToLinear(B) × t)
Приклад: змішування #2F6FED (синій) і #FFD166 (золотий) у співвідношенні 50/50 дає теплий збалансований півтон, а не плаский сіро-коричневий, як при наївному усередненні байтів. Виберіть 3, 5, 7 або 9 кольорів палітри, коли потрібен багаторазовий діапазон між кінцевими точками.
FAQ
Чому суміш 50/50 не виглядає як звичайне середнє двох значень RGB?
Цей інструмент змішує кольори в лінійному світлі, а не усереднює сирі байти sRGB. Значення sRGB гамма-кодовані для дисплеїв, тож пряме середнє двох байтів виглядає помітно темнішим і каламутнішим, ніж справжнє змішування на основі світла — переведення в лінійне світло, змішування та зворотне переведення дають природніший результат.
Чи імітує це фізичне змішування фарб?
Ні. Змішування фарб субтрактивне й залежить від хімії пігментів, яка сильно різниться між фарбами. Цей інструмент змішує світло (адитивний колір), що відповідає змішуванню кольорів на екрані або в дизайнерському ПЗ, а не справжній фарбі.
Чи можна ввести код HEX замість палітри вибору кольору?
Так. Введіть або вставте 6-значний код HEX у будь-яке текстове поле, і зразок та палітра оновляться.
Чи зберігається співвідношення суміші, якщо я залишу сторінку?
Ні. Усе скидається при перезавантаженні — розрахунок виконується повністю у вашому браузері, і нічого не надсилається й не зберігається.
Чи можна експортувати змішану палітру як CSS-змінні?
Так. Після створення палітри її можна скопіювати або завантажити як користувацькі властивості CSS, готові для вставлення в таблицю стилів.
Скільки кольорів можна створити в палітрі?
Виберіть 3, 5, 7 або 9 рівномірно розподілених кроків між двома кінцевими кольорами — усі змішані в лінійному світлі так само, як основна суміш.
Як ми в порівнянні
| Функція | Online Tool Store | colorxs.com | Adobe Color |
|---|---|---|---|
| Регульоване співвідношення суміші, не лише 50/50 | ✓ | Фіксована середина | ✓ |
| Без реєстрації та облікового запису | ✓ | ✓ | Обліковий запис Adobe |
| Працює повністю на вашому пристрої | ✓ | Не вказано | Не вказано |
Якщо потрібен точний контроль співвідношення змішування двох кольорів із миттєвим приватним переглядом, Color Mixer від Online Tool Store тримає все на вашому пристрої.