Онлајн алат за издвајање боја слика у серији

Изаберите до 30 слика, кликните да узоркујете боје и извезите палету у CSS, SVG или PNG. Бесплатан алат ради у прегледачу. Обрада се обавља локално у преглед…

Почните да користите

Шта овај алат ради и како вам може помоћи

Ако радите на веб пројекту и желите да брзо извучете палету боја са неколико фотографија или илустрација, овај алат вам омогућава да обрадите до 30 слика истовремено. Уместо да отварате сваку слику у посебном програму, овде све радите у прегледачу.

Конкретан пример

Рецимо да имате слику пејзажа. Након учитавања, алат ће аутоматски узорковати 10 случајних пиксела и приказати их као палету. Ако желите боју неба тачно на одређеном месту, кликните на то подручје слике – боја ће бити додата у палету. Ако је палета пуна (нпр. 10 боја), најстарија боја ће бити уклоњена да би се направило место за нову.

Параметри и процесирање

Свака слика се приказује у прегледу максималне величине 760×520 CSS пиксела. Кликом се чита пиксел са приказаног прегледа, а не са оригиналне слике у пуној резолуцији. Алат не рачуна доминантне боје, не групише сличне нијансе и не уклања дупликате – задржава тачно оно што узоркујете. Капацитет палете можете мењати од 1 до 20, али повећање не додаје аутоматски нове боје.

Извоз и формати

За сваку слику можете отворити дијалог за извоз. У CSS делу добијате променљиве за CSS HEX, SCSS HEX и SCSS RGB. У Code делу су HEX вредности без # одвојене зарезом или JSON низ. SVG и PNG се преузимају као графички приказ палете, а име датотеке се формира од основног имена изворне слике са суфиксом „-palette”.

Ограничења

Алат ради локално у вашем прегледачу и не отпрема слике на сервер. Ипак, велики број слика или велике резолуције могу успорити рад. Максимална величина појединачне слике је 25 MB, а укупан број пиксела у серији ограничен је на 40 милиона. Обрађује се само првих 30 изабраних датотека.

Честа питања

Како да додам боју са тачне позиције на слици?

Кликните директно на приказану слику. Боја пиксела испод показивача биће додата у палету као HEX вредност. Ако је палета пуна, најстарија боја ће бити уклоњена пре додавања нове.

Зашто се палета не попуњава када повећам капацитет?

Повећање капацитета само омогућава простор за више боја, али не узоркује нове пикселе аутоматски. Морате кликнути на слику да бисте додали нове боје.

Како да извезем палету у CSS или PNG?

Отворите дијалог за извоз кликом на одговарајуће дугме. Изаберите жељени формат: CSS (са променљивим), Code (HEX или JSON), SVG или PNG. За CSS и Code можете копирати или преузети текст, док се SVG и PNG преузимају као датотеке.

Контролна листа

Изаберите до 30 слика подржаних формата.
Проверите да је свака слика мања од 25 MB и да укупан број пиксела није превелик.
Користите клик на слику за прецизно узорковање боја.
Подесите капацитет палете према потреби.
Копирајте вредности боја или извезите у жељеном формату.

Обрада се обавља локално у прегледачу.

Упутство за употребу

Како користити алат за издвајање боја са више слика

Кликните на дугме за избор датотека и изаберите до 30 слика (JPEG, PNG или други формат са MIME типом слике). Свака слика мора бити мања од 25 MB, а укупан број пиксела не сме прећи 24 милиона по слици.
Након учитавања, за сваку слику ће се аутоматски приказати почетна палета од 10 боја узоркованих са случајних позиција. Кликните било где на приказану слику да бисте додали боју тачно испод показивача.
Подесите жељени број боја помоћу контрола минус и плус (од 1 до 20). Смањење броја уклања најновију боју само ако је палета прекорачила нови лимит.
Кликните на квадратић боје у палети да бисте копирали њену HEX вредност. Тренутна боја је приказана у панелу са HEX, RGB и HSL вредностима, свака са посебним дугметом за копирање.
Отворите дијалог за извоз (колапсиран је подразумевано) и изаберите жељени формат: CSS (CSS HEX, SCSS HEX, SCSS RGB), Code (HEX без # или JSON низ), SVG или PNG. Копирајте или преузмите резултат.