Доминиращ и среден цвят на изображение

Качете произволно изображение и получете две неща наведнъж: общия среден цвят (всички пиксели смесени заедно) и палитра от до 8 доминиращи цвята (най-често срещаните различни цветове, групирани по сходство). Кликнете върху всяка проба, за да копирате нейния HEX код — полезно за извличане на брандова палитра от снимка или лого.

Какво представлява този инструмент?

Средният цвят е аритметичната средна стойност на червената, зелената и синята стойност на всеки пиксел — един смесен цвят, представящ общия тон на изображението, но може да изглежда мътен, ако изображението има много различни по цвят области.

Доминиращите цветове са различни: този инструмент групира подобни пикселни цветове в кошчета (квантува всеки RGB канал), брои колко пиксела попадат във всяко кошче и връща най-често срещаните като отделни проби — по-близо до това, което човек би нарекъл „основните цветове в това изображение“, отколкото едно осреднено смесване.

Защо да го използвате?

Получете едновременно средния цвят и истинска многоцветна палитра от едно качване, а не само едно число.
Извлечете използваема цветова палитра от снимка, екранна снимка или лого за дизайнерски проект.
Кликнете върху всяка проба, за да копирате нейния точен HEX код мигновено.
Работи изцяло във вашия браузър — изображението се чете локално чрез canvas и никога не се качва никъде.
Безплатно, мигновено, без акаунт, без ограничения за размер на файла освен собствените ограничения на браузъра ви.

Как да го използвате

Кликнете върху бутона за качване и изберете изображение от устройството си.
Средният цвят и палитрата от доминиращи цветове се появяват автоматично — без нужда от допълнителен бутон.
Кликнете върху произволна проба (средния цвят или всеки цвят от палитрата), за да копирате нейния HEX код.

Пример

Вход

Снимка на залез с оранжево небе и тъмносини силуети

Резултат

Среден цвят: приглушена кафяво-оранжева смес · Доминиращи цветове: ярко оранжево, тъмночервено, почти черно, бледожълто (като отделни проби)

Това е точно случаят, в който средният и доминиращите цветове се различават най-много — средният смесва топлите и студените тонове в кал, докато доминиращата палитра ги запазва като разпознаваемо отделни цветове.

Често задавани въпроси

Защо средният цвят е толкова различен от всеки цвят, реално присъстващ в изображението?

Осредняването смесва всеки пиксел математически — ако изображението има както ярко оранжеви, така и тъмносини области, средният цвят се озовава някъде в мътно кафяво, цвят, който може визуално да не съществува никъде в оригиналната снимка. Това е очаквано поведение за истинско осредняване, а не грешка; използвайте вместо това палитрата от доминиращи цветове, ако искате цветове, които действително се появяват в изображението.

Качва ли се изображението ми на сървър?

Не. Изображението се чете директно от браузъра ви чрез Canvas API, а целият цветови анализ се извършва локално в JavaScript. Нищо никога не се изпраща по мрежата.

Колко доминиращи цвята връща инструментът?

До 8, сортирани по броя пиксели, съвпадащи с всяко цветово кошче, като най-често срещаният е първи. Ако изображението е много еднородно по цвят, може да видите по-малко от 8 отделни кошчета.

Брои ли прозрачните пиксели в PNG файл?

Не — пиксели с непрозрачност под 50% се изключват както от изчислението на средния цвят, така и от това на доминиращите цветове, така че прозрачен фон няма да изкриви резултатите към цвета, който прозира през него.

Инструмент за откриване на доминиращ цвят на изображение