Змішування кольорів
Змішуйте 2 або 3 кольори в будь-яких пропорціях, як фарбу чи світло, або створіть до 10 кроків між двома кольорами. Копіюйте HEX, RGB, HSL і CMYK.
Оберіть 2 або 3 кольори й задайте, скільки кожного додати: змішаний колір обчислюється миттєво у вашому браузері. Натисніть на результат або будь-яке значення, щоб скопіювати його.
Оберіть два кольори та кількість кроків: усі проміжні відтінки обчислюються миттєво у вашому браузері.
Про Змішування кольорів
Інструмент «Змішування кольорів» показує, який колір виходить, якщо змішати два або три кольори. Оберіть кольори, задайте частку кожного в суміші, і результат одразу з'явиться разом зі значеннями HEX, RGB, HSL і CMYK та смугою рецепта, що показує частку кожного кольору.
Три моделі змішування відповідають на різні питання. «Фарба» змішує як справжні пігменти: синій і жовтий дають зелений, а трохи чорного дуже сильно змінює колір. «Світло» усереднює кольори так, як їх поєднують екрани й кольорові лампи: червоний і зелений дають жовтий. «Перцептивна» усереднює їх у просторі OKLab, який використовує CSS color-mix(), для плавних і рівномірних результатів в інтерфейсах і дизайні.
Другий режим, «Кроки градієнта», плавно переводить початковий колір у кінцевий через до десяти проміжних відтінків у RGB або HSL, з попереднім переглядом градієнта та готовим до вставки CSS-градієнтом. Усе працює у вашому браузері без сервера.
Як використовувати Змішування кольорів
- Відкрийте режим «Змішування кольорів» і оберіть два кольори або додайте третій кнопкою «Додати колір».
- Задайте кількість кожного кольору: відсоток поруч показує його частку в суміші.
- Оберіть модель змішування: «Фарба», «Світло» або «Перцептивна».
- Клацніть змішаний колір чи будь-яке його значення, щоб скопіювати, або скористайтеся «Копіювати рецепт», щоб зберегти пропорції.
- Перейдіть до «Кроки градієнта», щоб створити градієнт до 10 відтінків між двома кольорами.