Image Color Extractor анализира било коју слику (превуците, налепите или кликните да учитате) и враћа до 16 доминантних боја са процентуалним уделом. Користи узорковање пиксела и квантизацију директно у прегледачу — без отпремања, без слања на сервер. Кликните на било који узорак да копирате хекс код, или користите Copy All за целу палету.
Дизајнери и програмери стално имају потребу да издвоје боје из слика — да извуку боје бренда из логотипа, направе палету из фотографије, или ускладе UI са референтном илустрацијом. Image Color Extractor то ради директно у прегледачу, без отпремања. Превуците, налепите или кликните да учитате слику (PNG, JPG, SVG, WebP, GIF). Алат исцртава умањену верзију на canvas, узоркује сваки 4. пиксел, распоређује их у смањени простор боја (5 бита по каналу, ~32K група), израчунава просечну RGB вредност сваке групе, а затим бира N најзаступљенијих група спајајући готово идентичне (у оквиру Manhattan растојања од 24 у RGB простору). Резултат је чиста, репрезентативна палета која одражава стварни визуелни састав слике — не само пикселе који се тачно поклапају. Клизач за број боја (3–16) омогућава да подесите величину палете према потреби. Сваки узорак приказује хекс вредност и проценат заступљености у слици; кликните да копирате појединачно, или користите Copy All да их све добијете одједном.
Учитава било који уобичајени формат слике и генерише палету доминантних боја за мање од секунде, чак и за велике слике.
Свака издвојена боја приказује свој проценат заступљености у слици — на први поглед видите које боје доминирају, а које су само акценти.
Клизач за избор од 3 до 16 боја. Мале палете за рад на бренду; веће за фотографске референце.
Кликните на било који узорак да копирате хекс вредност. Или користите Copy All за целу палету као листу одвојену новим редовима, погодну за масовно коришћење.
Без отпремања, без позива серверу, слика никада не напушта ваш рачунар. Безбедно за приватне макете, необјављене материјале или осетљиве илустрације.
PNG, JPG, SVG, WebP, GIF, ICO — све подржано преко стандардног canvas декодирања. Провидни пиксели се аутоматски прескачу.
Убаците слику логотипа, издвојте тачне коришћене боје и копирајте их у CSS променљиве вашег бренд-кита или дизајн система.
Учитајте фотографију пејзажа у алат да добијете палету од 5 боја која дочарава њено расположење — корисно за уметничку режију или израду тема.
Направите снимак екрана референтног UI-ја, издвојте палету и користите те боје у сопственом макету да постигнете исти визуелни утисак.
Када клијент пошаље само једну слику као смерницу за бренд, издвојте 8–10 боја да предложите почетну палету верну референци.
Издвојте две најдоминантније боје из слике да направите позадински градијент који допуњује елемент у првом плану.
Кликните на икону Image Colors у DevSuite Pro доку. Отвара се панел са зоном за превлачење и подешавањима.
Превуците фајл, налепите из клипборда (Ctrl+V) или кликните да отворите бирач фајлова. Алат аутоматски учитава и узоркује пикселе.
Користите клизач да изаберете колико боја желите да издвојите (3–16). Палета се тренутно освежава док померате клизач.
Сваки узорак приказује хекс код и проценат заступљености у слици. Обратите пажњу на доминантне боје — оне ће имати највеће проценте.
Кликните на било који узорак да копирате хекс вредност, или користите Copy All да преузмете целу палету као листу за коришћење у вашем дизајн алату или CSS-у.
Instalirajte DevSuite Pro besplatno i otključajte 64+ alata za programere za svoj pretraživač.
