CanDoYa
UK

Змішування кольорів онлайн

Працює повністю у вашому браузері - без завантаження на сервер і без реєстрації.

Виберіть два цифрові кольори та перетягніть повзунок, щоб задати пропорцію.

50% A / 50% B
Змішаний колірЦифрове змішування sRGB
#9a7b8650% A / 50% B
HEX#9a7b86
RGBrgb(154, 123, 134)
HSLhsl(339, 13%, 54%)
CSS--mixed-color: #9a7b86;
Поділитися інструментом

Як працює змішування кольорів онлайн?

Онлайн-міксер поєднує два цифрові кольори у вибраній пропорції та миттєво показує результат. Виберіть або вставте два значення HEX, пересуньте повзунок, а потім скопіюйте новий колір як HEX, RGB, HSL чи змінну CSS. Усі обчислення виконуються у браузері.

Як користуватися

  1. 1Виберіть два кольори. Скористайтеся палітрами або вставте 3- чи 6-значний код HEX у поля Колір A і Колір B.
  2. 2Задайте пропорцію. Перетягніть повзунок до A або B. Попередній перегляд і всі значення кольору оновляться миттєво.
  3. 3Скопіюйте результат. Скопіюйте змішаний колір як HEX, RGB, HSL або готову користувацьку властивість CSS.

Кому це знадобиться

Міксер обчислює зважене середнє червоного, зеленого та синього каналів двох кольорів sRGB. За співвідношення 50:50 обидва кольори мають однакову частку. Посуньте повзунок до одного з країв, щоб зберегти більше відповідного початкового кольору. Значення залишаються на вашому пристрої, а результат можна одразу вставити у макет або таблицю стилів.

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

Часті запитання

Чи безкоштовний цей міксер кольорів?

Так. Міксером можна користуватися безкоштовно, без облікового запису, завантаження програми та обмежень. Виберіть два кольори, відрегулюйте пропорцію і копіюйте стільки результатів, скільки потрібно.

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

Ні. Значення змішуються за допомогою JavaScript безпосередньо у браузері. Дані не завантажуються на сервер, тож можна безпечно перевіряти ще не оприлюднені кольори бренду чи продукту.

Скільки кольорів можна змішувати одночасно?

Інструмент поєднує два кольори за раз, щоб ви могли точно контролювати їхнє співвідношення. Щоб додати третій, скопіюйте перший результат в одне поле та змішайте його з наступним кольором.

Як правильно змішувати кольори RGB?

Міксер перетворює обидва коди HEX на значення червоного, зеленого та синього каналів, застосовує вибраний відсоток до кожного каналу, додає частки й округлює їх до цілого числа. Потім результат подається як HEX, RGB і HSL.

Чи покаже інструмент результат змішування двох фарб?

Ні. Це цифровий міксер sRGB для кольорів на екрані. Фарби змішуються за субтрактивним принципом, а результат залежить від пігментів, концентрації та освітлення. Фізична суміш може бути темнішою або змінити відтінок.

Чи можна змішувати скорочені коди HEX?

Так. Введіть 3-значне значення, наприклад #f06, або 6-значне, наприклад #ff0066. Початковий символ # необов'язковий, а скорочений код автоматично розгорнеться до стандартних 6 цифр.