Аналізатор зменшує робочу копію зображення до зручного розміру, об'єднує схожі пікселі RGB у п'ять кластерів і повертає центр найбільшого кластера. Прозорі пікселі не враховуються. Для фотографій цей підхід корисніший за простий підрахунок точних значень пікселів, адже стиснення та плавні переходи можуть створити тисячі майже однакових кольорів.
Визначити домінуючий колір зображення
Працює повністю у вашому браузері - без завантаження на сервер і без реєстрації.
Як визначити домінуючий колір зображення?
Пошук домінуючого кольору аналізує зображення та знаходить колір, який займає найбільшу видиму площу. Виберіть фото, логотип або знімок екрана, щоб отримати один характерний колір у форматах HEX, RGB і HSL. Вибірка відбувається у браузері, тому оригінальний файл нікуди не завантажується.
Як користуватися
- 1Виберіть зображення. Перетягніть підтримуване растрове зображення, виберіть файл на пристрої або відкрийте вбудований приклад.
- 2Перегляньте результат. Інструмент робить вибірку пікселів і показує один домінуючий колір із приблизною часткою покриття.
- 3Скопіюйте значення кольору. Скористайтеся кнопкою копіювання біля потрібного значення HEX, RGB або HSL.
Кому це знадобиться
- Бренд-дизайнери можуть отримати характерний колір із логотипа, фотографії товару чи рекламного зображення.
- Веброзробники можуть перетворити основний колір головного зображення на значення CSS для відповідних поверхонь і заповнювачів.
- Автори контенту можуть визначити головний тон обкладинок, графіки для соцмереж і кадрів із відео.
- Фотографи можуть порівняти загальний колірний акцент у добірці оброблених знімків.
Часті запитання
Моє зображення кудись завантажується?
Ні. Браузер декодує вибраний файл, малює зменшену робочу копію на Canvas і локально аналізує її пікселі. Цей інструмент не надсилає файл або дані пікселів на сервер.
Пошук домінуючого кольору безкоштовний?
Так. Можна аналізувати зображення та копіювати результат без облікового запису й установлення програм. Тут немає кредитів на окремі зображення або водяних знаків.
Які формати зображень підтримуються?
Засіб вибору приймає PNG, JPG, WebP, GIF, AVIF і BMP, якщо браузер може їх декодувати. Для анімованого зображення аналізується кадр, який браузер показує під час декодування. Щоб результат завжди повторювався, використовуйте статичне зображення.
Як обчислюється домінуючий колір?
Зображення зменшується, прозорі пікселі відкидаються, а решта значень RGB групується детермінованим методом k-means. Найбільший кластер вважається домінуючим. Середні значення його червоного, зеленого й синього каналів утворюють показаний колір.
Чому інший інструмент показує інший колір?
Домінуючий колір є оцінкою, а не властивістю файлу. Інструменти можуть використовувати точні гістограми, median cut, k-means, різні розміри вибірки або правила прозорості. Обрізання й площа фону також впливають на те, яка група кольорів містить найбільше пікселів.
Цей інструмент створює повну колірну палітру?
Ні. Ця сторінка відповідає на одне запитання й повертає один домінуючий колір. Для палітри потрібен інший підхід, який зберігає кілька характерних кластерів замість вибору лише найбільшого.