Змішувач Кольорів
Змішайте два кольори та відкрийте проміжні відтінки поетапно, з їхнім кодом HEX.
Як змішати два кольори онлайн
Виберіть колір A і колір B
Виберіть два кольори, які ви хочете змішати, за допомогою візуального селектора або його HEX-коду.
Налаштуйте кількість кроків
Виберіть, скільки проміжних тонів ви хочете бачити між двома кольорами.
Скопіюйте тон, який вам найбільше подобається
Клацніть на будь-який зразок суміші, щоб скопіювати його HEX-код.
Часті запитання про змішувач кольорів
Змішування кольорів корисне для пошуку проміжних тонів між двома брендовими кольорами, створення градієнтів у кілька кроків або просто для дослідження комбінацій. Цей інструмент обчислює суміш прямо у вашому браузері.
Як обчислюється суміш?
+
Кожен канал RGB інтерполюється між кольором A та кольором B за кількістю кроків, які ви обираєте.
Скільки проміжних кольорів я можу згенерувати?
+
Ви можете вибрати від 3 до 10 проміжних кроків.
Це те саме, що градієнт CSS?
+
Результат схожий на лінійний градієнт між двома кольорами, але тут ви отримуєте кожен крок як окремий суцільний колір зі своїм кодом HEX.
Чи можу я скопіювати згенеровані кольори?
+
Так, клацніть на будь-який колір, щоб скопіювати його HEX-код.
Це безплатно?
+
Так, цей інструмент повністю безплатний.
Чи завантажуються якісь дані на сервер?
+
Ні, змішування розраховується прямо у вашому браузері.
Кольори
Конвертер кольорів (HEX, RGB, HSL, CMYK)
Миттєво конвертуйте будь-який колір між HEX, RGB, HSL та CMYK із живим перегляданням та найближчою назвою кольору.
Генератор палітр кольорів
Створюйте гармонійні палітри з 5 кольорів (комплементарні, аналогічні, тріадичні або монохроматичні) на основі вибраного кольору.
Генератор градієнтів CSS
Створюйте лінійні або радіальні градієнти з до 4 кольорів і копіюйте готовий код CSS.
Перевірка контрастності WCAG
Перевірте, чи комбінація кольорів тексту та фону відповідає рівням доступності AA та AAA.
Випадковий колір
Генеруйте випадковий колір одним кліком і дізнавайтеся його назву, HEX/RGB/HSL код та подібні кольори.
Вибір кольору (піпетка)
Вибирайте будь-який колір з екрана за допомогою інструменту піпетки браузера або скористайтеся класичним палітрою.
Симулятор кольорослipості
Завантажте зображення та перевірте, як його бачать люди з протанопією, дейтеранопією або тританопією.
Генератор Mesh-градієнтів
Створюй фони з mesh-градієнтами (розмиті кольорові плями) та завантажуй у PNG або копіюй код CSS.
Генератор відтінків і тіней
Автоматично генеруйте світліші відтінки та темніші тіні будь-якого кольору з його HEX-кодом.
Колірне колесо (Гармонії)
Виберіть колір на колесі й відкрийте його гармонійні комбінації: комплементарні, аналогічні, тріадичні та більше.
Екстрактор палітри з зображення
Завантажте зображення та автоматично витягніть його домінуючі кольори в палітру з HEX-кодом для кожного.
Середній Колір Зображення
Завантажте зображення та миттєво розрахуйте його середній колір з кодами HEX, RGB і HSL.
Досліджуйте кольори за сімействами
Більш ніж 469 названих кольорів з кодами HEX, RGB, HSL та CMYK, організовані в 12 сімейств тонів.
