Пипета за бои од слика
Преместете ја сликата овде
Поддржани формати: JPG, PNG, WebP, GIFКликнете каде било на сликата за да изберете боја
Треба да дознаете која боја е во логото, на фотографија или на слика од екранот? Прикачете слика, поставете го глушецот на местото што ве интересира и кликнете. Кодот на бојата веднаш се копира во таблата со исечоци, во форматот што ќе го изберете: HEX, RGB, HSL, HSV или LCH. Ништо не инсталирате, а сликата не го напушта вашиот компјутер.
Како да дознаете боја од слика
- Прикачете слика. Повлечете ја во прозорецот или кликнете на „Пребарај датотеки“. Пипетата работи со JPG, PNG, WebP и GIF.
- Изберете формат. Над сликата изберете во кој запис сакате да ја копирате бојата. За веб најчесто одговара HEX, за графички програми RGB. Алатката го памети вашиот избор.
- Поставете го глушецот на бојата. До покажувачот се појавува лупа со зголемени околни пиксели, а под неа кодот на бојата.
- Кликнете. Кодот е во таблата со исечоци, а бојата се зачувува во картичката Избрани бои. Само вметнете ја таму каде што ви треба.
Сакате да пробате друга слика? Повлечете ја директно врз тековната, или избришете ја со иконата за корпа.
Што умее онлајн пипетата
Лупа што покажува секој пиксел
Обична пипета покажува само боја под покажувачот, а да погодите тенка граница на буква станува лотарија. Нашата лупа ја зголемува околината на покажувачот на 11 × 11 пиксели и го оградува централниот. Прецизно гледате на што ќе кликнете, уште пред да кликнете.
Зум до одделни пиксели
Со копчињата плус и минус, или со тркалцето на глушецот и притиснато Ctrl, сликата ја приближувате до 64 пати. Со вклучена мрежа ги гледате границите на пикселите, па кај икони, pixel art или ситен текст кликнувате точно таму каде што сакате.
Боја од оригиналот, не од намалена верзија
Многу онлајн алатки ја намалуваат сликата и бојата ја читаат од преглед, каде соседните пиксели се стопуваат. Нашата пипета работи со сликата во целосна резолуција (до 4096 px на подолгата страна), па добивате вистинска боја на пикселот.
Копирање со еден клик
Без обележување текст и без препишување бројки. Секое кликнување на сликата го копира кодот во избраниот формат. Ако истата боја ви треба и во друг запис, деталот за бојата нуди сите пет формати, секој со свое копче за копирање.
Палета на доминантни бои
Веднаш по прикачувањето, алатката наоѓа до осум бои кои преовладуваат во сликата и ги прикажува во картичката Доминантни бои. Скоро идентичните нијанси се спојуваат, па во палетата нема пет варијанти на сива. Проѕирните делови на PNG се прескокнуваат. Палетата е добра основа за боена шема за веб-страница, презентација или објави на социјалните мрежи. Ако сакате брзо да проверите дали боите чуваат доволен контраст и без нијанса, погледнете конвертирање на слика во сиви нијанси.
Избрани бои секогаш пред очи
Секоја боја на која кликнете се зачувува во картичката Избрани бои (последните 24). Можете да споредите неколку места на сликата и да се вратите на нив во секој момент. На поголем екран панелот со бои е веднаш до сликата.
За што служи да се дознае код на боја од слика
- Веб и апликации: Клиентот испратил лого само како JPG, а вам ви треба точната брендирана боја за CSS. Ако ви треба и верзија со проѕирна позадина, користете отстранување на позадина од слика.
- Графика и социјални мрежи: Сакате текстот на објавата да се совпаѓа со фотографијата. Земете ја бојата директно од неа.
- Презентации и документи: Боите на фирменото лого ги поставувате во PowerPoint, Google Slides или Canva преку HEX или RGB.
- Проверка на дизајн: На слика од екран проверувате дали копчето во апликацијата навистина ја има бојата што ја пропишува дизајнот. Големината на извезените подлоги потоа ја проверувате во анализа на димензии на слики.
- Ентериер и мода: Имате фотографија од ткаенина или ѕид и барате слична нијанса. Кодот служи како почетна точка при изборот во каталог на бои.
Формати на бои што ги враќа пипетата
- HEX (
#1373b6): запис за HTML, CSS и повеќето графички алатки. - RGB (
rgb(19, 115, 182)): удел на црвена, зелена и сина, секоја од 0 до 255. Како функционира адитивното мешање бои опишува Википедија. - HSL (
hsl(205, 81%, 39%)): нијанса, сатурација и осветленост. Лесно од неа подготвувате посветла или потемна варијанта. - HSV: нијанса, сатурација и вредност, познати од изборот на боја во Photoshop или GIMP. Разликата меѓу HSL и HSV подробно ја објаснува Википедија (на англиски).
- LCH: модел што одговара на начинот на кој човечкото око ги перцепира боите. Се копира во запис што го разбира модерниот CSS (види документацијата на MDN, на англиски).
Пипетата ја дознава бојата од сликата. Кога сакате понатаму да ја уредувате, да ја конвертирате во други формати или да барате нијанси што одат со неа, продолжете кон тркалото за бои.
Често поставувани прашања
Дали мојата слика се прикачува на сервер?
Не. Сликата се вчитува и обработува директно во вашиот прелистувач, никаде не се испраќа и по затворањето на страницата од неа ништо не останува. Пипетата слободно ја користите и за интерни подлоги или необјавени дизајни.Како да дознаам HEX код на боја од фотографија?
Прикачете ја фотографијата, оставете го избран форматот HEX над сликата и кликнете на местото со бојата што ја барате. Кодот, на пример#75dab2, веднаш е во таблата со исечоци.
Зошто бојата од фотографија се разликува од реалноста?
Фотоапаратот ги менува боите со осветлувањето, балансот на бела боја (на англиски) и компресијата. Пипетата ја враќа точно бојата зачувана во датотеката. Кај фотографии затоа кликнете на неколку места и споредете ги во картичката Избрани бои. Ако според кодот мешате боја за ѕид, земете го само како ориентир.Дали пипетата работи на мобилен?
Да. На екран на допир допирате на местото во сликата и кодот се копира исто како на компјутер. Лупата до покажувачот не се прикажува на мобилен, затоа за ситни детали претходно зумирајте ја сликата.Која е разликата меѓу HEX и RGB?
Двата записи опишуваат иста боја. RGB ја изразува со три броја од 0 до 255, HEX ги запишува истите броеви во хексадецимален систем по знакот #. На пример,rgb(255, 87, 51) е исто што и #ff5733.