Доминиращ цвят в изображението
Открийте доминиращия цвят във всяко изображение и палитра от най-често срещаните му цветове. Инструментът групира всеки видим пиксел в 4096 цветови диапазона, посочва диапазона с най-много пиксели като доминиращ цвят, изброява до 12 цвята в палитрата с техния дял от изображението и добавя общия среден цвят, всеки във формат hex, RGB и HSL. Чудесно решение за дизайнери, създатели на теми и разработчици, които се нуждаят от временни цветове или цветове за акценти.
Често задавани въпроси
Как се открива доминиращият цвят?
Всеки пиксел се поставя в един от 4096 диапазона, с по 16 нива за червено, зелено и синьо. Диапазонът с най-много пиксели определя резултата, а цветът му е средната стойност на пикселите в него. Така бял фон се отчита като чисто бял, а не като закръглена стойност.
Какво представлява палитрата?
Палитрата изброява най-често срещаните диапазони след доминиращия, до избрания от вас брой цветове от 1 до 12, като по подразбиране са 5. За всеки цвят се показват стойностите му във формати hex, RGB и HSL, както и делът на видимите пиксели, който заема.
С какво средният цвят се различава от доминиращия?
Средният цвят е средната стойност на всички видими пиксели. На снимка със синьо небе над червено поле доминиращият цвят е син или червен, а средният е мътна смесица от двата. Средният цвят е подходящ за замъглени заместители, а доминиращият — за акценти.
Как се обработват прозрачните пиксели?
Пикселите, които са прозрачни над 50%, се игнорират. Така при лого върху прозрачен фон се отчитат цветовете на логото, а не черно. Резултатът показва каква част от изображението е прозрачна. Ако изображението няма видими пиксели, се показва съобщение вместо цвят.
Кои формати мога да анализирам?
Поддържат се изображения JPEG, PNG, GIF, WebP, TIFF и AVIF с размер до 5 MB. Анимираните файлове GIF и WebP се измерват по първия си кадър, а изображенията в CMYK се преобразуват в sRGB преди преброяването.
Намаляват ли се големите изображения предварително?
Изображенията, по-големи от 4000 пиксела от едната страна, първо се намаляват до 4000 пиксела, преди да бъдат преброени. Това променя дяловете най-много с незначителни стойности. По-малките изображения се преброяват пиксел по пиксел.
Защо подобни нюанси се показват като отделни цветове?
Диапазоните обхващат по 16 нива, така че два нюанса от двете страни на границата между диапазоните се преброяват отделно. Затова в палитрата при градиенти и снимки често се показват съседни нюанси. Увеличете размера на палитрата, за да видите повече от тях.
Мога ли да използвам цветовете в CSS?
Да. Всеки цвят се предоставя като hex код, например #3366cc, като стойности rgb() и като стойности hsl() с нюанса в градуси, а наситеността и светлината — в проценти. Можете директно да ги поставите в CSS, инструменти за дизайн или настройки на тема.
За какво мога да използвам доминиращия цвят?
Често се използва за временен фон, докато изображенията се зареждат; за цветове на акценти за карти и заглавки, които съответстват на изображението на корицата; за сортиране на продуктови снимки по цвят; и за проверка дали изображенията на марката се вписват в палитрата. Структурираният резултат улеснява и повторното използване на стойностите в скриптове и теми.
Резултатът винаги ли е един и същ?
Да. Преброяването е детерминистично, затова един и същ файл винаги дава еднакви доминиращ цвят, палитра и дялове. Когато два диапазона имат точно еднакъв брой пиксели, редът им следва последователността, в която цветовете им се появяват за първи път.