Змішування кольорів
Змішувач кольорів, який відтворює реальне поєднання. Оберіть реалістичне змішування фарб (синій і жовтий дадуть зелений, як на палітрі), адитивне світло, субтрактивне чорнило, перцептуальний перехід або просте середнє RGB — і порівняйте всі п’ять відразу. Змішуйте два або більше кольорів у будь-якому співвідношенні, зчитуйте результат у HEX, RGB, HSL, CMYK та OKLCH, будуйте градієнт, перевіряйте контраст і навіть підбирайте рецепт фарби з реальних художніх тюбиків.
Як змішувати кольори
Фарба — для реальних пігментів, світло — для екранів, перехід — для плавної середини.
Введіть код, скористайтеся вибірником або піпеткою, потім задайте кількість кожного.
Побачте змішаний колір і скопіюйте його у HEX, RGB, HSL, CMYK або OKLCH.
Перегляньте порівняння п’яти моделей, градієнт і показники контрасту.
Змішуйте фарби, світло або цифрові кольори та отримуйте справжній результат
Модель змішування
Кольори
Порівняння: усі моделі
Ті самі кольори змішані п’ятьма способами. Зверніть увагу: фарба дає зелений, світло — білий, а просте середнє RGB — сірий, ось чому більшість мікшерів «неправильні». Торкніться картки, щоб переключитися.
Кроки переходу
Покроковий градієнт між вашими кольорами за активною моделлю. Клацніть будь-який крок, щоб скопіювати його код.
Доступність результату
Контраст WCAG змішаного кольору та його вигляд для людей із порушенням кольорового зору.
Зворотне: знайти рецепт фарби
Оберіть цільовий колір, і ми знайдемо в реальних художніх тюбиках найближчу суміш двох пігментів із потрібним співвідношенням.
Популярні поєднання кольорів
Торкніться пари, щоб завантажити її в мікшер і побачити результат.
Чим це відрізняється
Типове використання
- Дізнайтеся, який колір вийде з двох фарб, перш ніж змішувати їх насправді.
- Знайдіть співвідношення двох тюбиків для отримання потрібного відтінку.
- Побудуйте плавний градієнт між брендовими кольорами для дизайну.
- Зрозумійте, чому синій + жовтий = зелений у фарбі, але білий у світлі.
- Перевірте, чи залишається змішаний колір читабельним для людей із порушенням кольорового зору.
Чому цей мікшер
Майже всі онлайн-мікшери кольорів просто усереднюють значення RGB, тому синій і жовтий дають сірий — зовсім не схоже на реальну фарбу. Цей інструмент використовує модель пігментів Kubelka–Munk (через відкритий рушій spectral.js), щоб змішувати кольори через поглинання та розсіювання світла — саме так поводяться пігменти, — тому синій + жовтий дає правдоподібний зелений. Він чесно представляє й інші моделі: змішування світла адитивне, чорнила — субтрактивне, перцептуальний перехід — для градієнтів, а просте середнє RGB показано лише щоб продемонструвати типову помилку. Математика змішування виконується у вашому браузері через WebAssembly.
Часті запитання
Який колір дають синій і жовтий?
У фарбі синій і жовтий дають зелений — саме це показує типова модель «Фарба», адже реальні пігменти змішуються через поглинання світла. Зі світлом (адитивним) синій і жовтий дають білий. Просте середнє RGB дає сірий — ось чому так багато інших мікшерів виглядають «неправильними».
Який колір дають червоний і синій?
Як фарба, червоний і синій дають фіолетовий (від темно-фіолетового до бордового залежно від конкретних відтінків). Як світло, червоний і синій дають маджента.
Які два кольори дають коричневий?
Коричневий виходить зі змішування додаткових кольорів — наприклад, червоного + зеленого, оранжевого + синього або всіх трьох основних кольорів разом. Спробуйте чіп «Червоний + Зелений» нижче, щоб побачити це.
Чим це відрізняється від інших мікшерів кольорів?
Більшість інструментів усереднюють канали RGB, що фізично неправильно для фарби. Цей пропонує реалістичну модель пігментів (Kubelka–Munk) за замовчуванням, тому результати відповідають тому, що відбувається на реальній палітрі, і показує всі інші моделі поруч.
Чи можна змішати більше двох кольорів?
Так — додайте до шести кольорів і задайте кількість кожного повзунком або точним відсотком.
Чи є результат фарби абсолютно точним?
Він фізично правдоподібний, але не лабораторно точний. Перетворення кольору з екрана на пігмент — це оцінка, а реальні тюбики відрізняються за насиченістю, тому сприймайте результат і зворотний рецепт як відмінну відправну точку.
Що таке зворотний рецепт?
Введіть будь-який цільовий колір, і інструмент знайде в наборі реальних художніх тюбиків найближчу суміш двох пігментів і покаже співвідношення та ступінь відповідності (ΔE).
Чи працює на мобільних?
Так. Піпетка потребує браузера на основі Chromium (Chrome, Edge); будь-де в іншому місці можна використовувати вбудований вибірник кольорів.
Звичайно! Просто надішліть нам коротке повідомлення з вашою ідеєю. Якщо хочете обговорити детальніше — залиште email, і ми зв’яжемося з вами. Можна залишитися анонімом.
