Kapaljka za boje
Prevucite sliku ovde
Podržani formati: JPG, PNG, WebP, GIFKliknite bilo gde na sliku za odabir boje
Treba da saznate koja je boja na logotipu, fotografiji ili snimku ekrana? Otpremite sliku, pređite mišem preko mesta koje vas zanima i kliknite. Kod boje se odmah kopira u klipbord u formatu koji izaberete: HEX, RGB, HSL, HSV ili LCH. Ništa ne instalirate, a slika ne napušta vaš računar.
Kako saznati boju sa slike
- Otpremite sliku. Prevucite je u prozor ili kliknite na „Pretraži datoteke”. Kapaljka radi sa JPG, PNG, WebP i GIF formatom.
- Izaberite format. Iznad slike odaberite u kom zapisu želite da kopirate boju. Za veb obično odgovara HEX, za grafičke programe RGB. Alat pamti vaš izbor.
- Pređite preko boje. Pored kursora se pojavljuje lupa sa uvećanim okolnim pikselima, a ispod nje kod boje.
- Kliknite. Kod je u klipbordu, a boja se čuva u odeljku Izabrane boje. Nalepite je gde vam treba.
Želite da probate drugu sliku? Prevucite je direktno na trenutnu ili je obrišite ikonom kante za otpatke.
Šta online kapaljka ume
Lupa koja prikazuje svaki piksel
Obična pipeta pokazuje samo boju ispod kursora, pa je pogoditi tanku ivicu slova stvar sreće. Naša lupa uveličava okolinu kursora na 11 × 11 piksela i uokviruje onaj u sredini. Tačno vidite šta ćete kliknuti, pre nego što kliknete.
Zum do pojedinačnih piksela
Dugmadima plus i minus ili točkićem miša uz pritisnut Ctrl približite sliku i do 64 puta. Kad uključite mrežu, vidite granice piksela, pa kod ikonica, pixel arta ili sitnog teksta kliknete tačno tamo gde želite.
Boja iz originala, ne iz umanjene slike
Mnogi online alati prvo umanje sliku i čitaju boju iz pregleda, gde se susedni pikseli stope. Naša kapaljka radi sa slikom u punoj rezoluciji (do 4096 px na dužoj strani), pa dobijate stvarnu boju piksela.
Kopiranje jednim klikom
Bez označavanja teksta i prepisivanja brojeva. Svaki klik na sliku kopira kod u izabranom formatu. Kad ista boja treba i u drugom zapisu, detalj boje nudi svih pet formata, svaki sa svojim dugmetom za kopiranje.
Paleta dominantnih boja
Odmah po otpremanju alat pronalazi do osam boja koje preovlađuju na slici i prikazuje ih u odeljku Dominantne boje. Skoro identične nijanse spaja, pa u paleti nećete naći pet varijanti sive, a providne delove PNG-a preskače. Paleta je dobra osnova za šemu boja veb-sajta, prezentacije ili objave na društvenim mrežama. Ako želite da proverite drže li boje dovoljan kontrast i bez nijanse, brzo to proverite pretvaranjem slike u nijanse sive.
Izabrane boje uvek na vidiku
Svaka boja na koju kliknete čuva se u odeljku Izabrane boje (poslednjih 24). Tako možete uporediti više mesta na slici i vratiti im se kad god poželite. Na velikom ekranu panel sa bojama stoji odmah pored slike.
Čemu služi saznavanje koda boje sa slike
- Veb i aplikacije: Klijent je poslao logo samo kao JPG, a vama treba tačna boja brenda za CSS. Ako uz to treba i verzija sa providnom pozadinom, koristite uklanjanje pozadine sa slike.
- Grafika i društvene mreže: Želite da tekst na objavi odgovara fotografiji. Uzmite boju direktno sa nje.
- Prezentacije i dokumenti: Boje logotipa firme postavite u PowerPointu, Google Slides-u ili Canvi preko HEX ili RGB koda.
- Provera dizajna: Na snimku ekrana proverite da li dugme u aplikaciji zaista ima boju koju propisuje dizajn. Veličinu izvezenih materijala zatim proverite u analizi dimenzija slika.
- Enterijer i moda: Imate fotografiju tkanine ili zida i tražite sličnu nijansu. Kod je dobra polazna tačka pri izboru u katalogu boja.
Formati boja koje kapaljka vraća
- HEX (
#1373b6): zapis za HTML, CSS i većinu grafičkih alata. - RGB (
rgb(19, 115, 182)): udeo crvene, zelene i plave, svaka od 0 do 255. Kako funkcioniše aditivno mešanje boja, opisuje Wikipedia. - HSL (
hsl(205, 81%, 39%)): nijansa, zasićenost i svetlina. Lako iz njega napravite svetliju ili tamniju varijantu. - HSV: nijansa, zasićenost i vrednost, poznato iz biranja boje u Photoshopu ili GIMP-u. Razliku između HSL i HSV detaljno objašnjava Wikipedia (na engleskom).
- LCH: model koji odgovara tome kako ljudsko oko doživljava boje. Kopira se u zapisu koji razume moderan CSS (vidi MDN dokumentaciju, na engleskom).
Kapaljka saznaje boju sa slike. Kad je želite dalje podešavati, pretvoriti u druge formate ili joj tražiti usklađene nijanse, nastavite na točak boja.
Često postavljana pitanja
Da li se moja slika otprema na server?
Ne. Slika se učitava i obrađuje direktno u vašem pregledaču, nikuda se ne šalje i posle zatvaranja stranice od nje ništa ne ostaje. Kapaljku zato možete koristiti i za interne materijale ili neobjavljene dizajne.Kako saznati HEX kod boje sa fotografije?
Otpremite fotografiju, iznad slike ostavite izabran format HEX i kliknite na mesto sa bojom koju tražite. Kod, na primer#75dab2, odmah je u klipbordu.
Zašto se boja sa fotografije razlikuje od stvarne?
Fotoaparat na boje utiče osvetljenjem, balansom bele boje (na engleskom) i kompresijom. Kapaljka vraća tačno onu boju koja je sačuvana u datoteci. Kod fotografija zato kliknite na više mesta i uporedite ih u odeljku Izabrane boje. Ako po kodu mešate boju za zid, uzmite je samo kao orijentir.Da li kapaljka radi na mobilnom telefonu?
Da. Na dodirnom ekranu kucnete na mesto na slici i kod se kopira isto kao na računaru. Lupa pored kursora se na mobilnom ne prikazuje, zato kod sitnih detalja sliku prvo uvećajte.Koja je razlika između HEX i RGB?
Oba zapisa opisuju istu boju. RGB je izražava sa tri broja od 0 do 255, HEX iste brojeve zapisuje u heksadecimalnom sistemu iza znaka #. Na primer,rgb(255, 87, 51) je isto što i #ff5733.