Kapaljka za boje
Prevucite sliku ovdje
Podržani formati: JPG, PNG, WebP, GIFKliknite bilo gdje na sliku za odabir boje
Trebate saznati koja je tačno boja na logotipu, fotografiji ili snimku ekrana? Otpremite sliku, pređite mišem preko mjesta koje vas zanima i kliknite. Kod boje se odmah kopira u međuspremnik u formatu koji odaberete: 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 „Pregledajte datoteke”. Kapaljka radi sa JPG, PNG, WebP i GIF formatom.
- Odaberite format. Iznad slike izaberite u kojem zapisu želite kopirati boju. Za web najčešće odgovara HEX, za grafičke programe RGB. Alat pamti vaš izbor.
- Pređite preko boje. Pored kursora pojavi se lupa s uvećanim okolnim pikselima, a ispod nje kod boje.
- Kliknite. Kod je u međuspremniku, a boja se sprema u karticu Odabrane boje. Zalijepite je gdje vam treba.
Želite probati drugu sliku? Prevucite je direktno na trenutnu ili je obrišite ikonom kante za smeće.
Šta online kapaljka za boje umije
Lupa koja pokaže svaki piksel
Obična kapaljka pokaže samo boju ispod kursora, pa je pogoditi tanki rub slova prava lutrija. Naša lupa uveća okolinu kursora na 11 × 11 piksela i onaj u sredini uokviri. Tačno vidite šta ćete kliknuti, prije nego što kliknete.
Zum sve do pojedinačnog piksela
Dugmadima plus i minus ili točkićem miša uz pritisnut Ctrl sliku približite do 64 puta. Kad uključite mrežu, vide se granice piksela, pa kod ikonica, pixel arta ili sitnog teksta kliknete tačno tamo gdje želite.
Boja iz originala, ne iz umanjene slike
Mnogi online alati sliku prvo umanje i boju čitaju iz pregleda, gdje se susjedni pikseli stope. Naša kapaljka radi sa slikom u punoj rezoluciji (do 4096 px na dužoj strani), pa dobijete stvarnu boju piksela.
Kopiranje jednim klikom
Nema označavanja teksta ni prepisivanja brojeva. Svaki klik na sliku kopira kod u odabranom formatu. Ako vam ista boja treba i u drugom zapisu, detalj boje nudi svih pet formata, svaki sa svojim dugmetom za kopiranje.
Paleta dominantnih boja
Odmah nakon otpremanja alat pronađe do osam boja koje prevladavaju na slici i prikaže ih u kartici Dominantne boje. Gotovo identične nijanse spoji, pa u paleti nećete naći pet varijanti sive. Prozirne dijelove PNG-a preskoči. Paleta je dobra polazna tačka za šemu boja za web, prezentaciju ili objave na društvenim mrežama. Ako želite provjeriti drži li se dovoljan kontrast i bez nijanse, pomože pretvaranje slike u nijanse sive.
Odabrane boje stalno na vidiku
Svaka boja na koju kliknete sprema se u karticu Odabrane boje (posljednjih 24). Tako možete uporediti više mjesta na slici i kasnije se vratiti na bilo koju od njih. Na velikom ekranu je panel s bojama odmah pored slike.
Za šta poslužiti saznati kod boje sa slike
- Web i aplikacije: Klijent je poslao logotip samo kao JPG, a vama treba tačna boja brenda za CSS. Ako vam uz nju treba i verzija s prozirnom pozadinom, koristite uklanjanje pozadine sa slike.
- Grafika i društvene mreže: Želite da se tekst na objavi slaže s fotografijom. Uzmite boju direktno iz nje.
- Prezentacije i dokumenti: Boje logotipa firme postavite u PowerPointu, Google Slides ili Canvi preko HEX ili RGB koda.
- Provjera dizajna: Na snimku ekrana provjerite ima li dugme u aplikaciji stvarno onu boju koju propisuje dizajn. Veličinu izvezenih materijala zatim provjerite u analizi dimenzija slika.
- Enterijer i moda: Imate fotografiju tkanine ili zida i tražite sličnu nijansu. Kod poslužite kao polazna tačka pri odabiru u kataloškom uzorku.
Formati boja koje kapaljka vraća
- HEX (
#1373b6): zapis za HTML, CSS i većinu grafičkih alata. Detalje 3 i 4-cifrenih varijanti i alfa kanala opisuje MDN dokumentacija (engleski). - RGB (
rgb(19, 115, 182)): udio crvene, zelene i plave, svaka od 0 do 255. Kako radi aditivno miješanje boja, opisuje Wikipedija. - HSL (
hsl(205, 81%, 39%)): nijansa, zasićenost i svjetlina. Lako iz njega napravite svjetliju ili tamniju varijantu. - HSV: nijansa, zasićenost i vrijednost, kako ih znate iz odabira boje u Photoshopu ili GIMP-u. Razliku između HSL i HSV detaljno objašnjava Wikipedia (engleski).
- LCH: model koji odgovara tome kako boje percipira ljudsko oko. Kopira se u zapisu koji razumije savremeni CSS (vidi MDN dokumentaciju, engleski).
Kapaljka boju sa slike saznaje. Kad je želite dalje mijenjati, pretvoriti u druge formate ili joj tražiti nijanse koje se slažu, nastavite na krug boja.
Često postavljana pitanja
Da li se moja slika otprema na server?
Ne. Slika se učitava i obrađuje direktno u vašem pretraživaču, nikuda se ne šalje i nakon zatvaranja stranice od nje ništa ne ostaje. Kapaljku tako mirno koristite i za interne materijale ili neobjavljene dizajne.Kako saznati HEX kod boje sa fotografije?
Otpremite fotografiju, iznad slike ostavite odabran format HEX i kliknite na mjesto s bojom koju tražite. Kod, na primjer#75dab2, odmah je u međuspremniku.
Zašto se boja sa fotografije razlikuje od stvarnosti?
Fotoaparat boje mijenja osvjetljenjem, balansom bijele (engleski) i kompresijom. Kapaljka vraća tačno onu boju koja je spremljena u datoteci. Kod fotografija zato kliknite na više mjesta i uporedite ih u kartici Odabrane boje. Ako po kodu miješate boju za zid, uzmite ga kao okvirnu vrijednost.Radi li kapaljka na mobilnom telefonu?
Da. Na ekranu osjetljivom na dodir dodirnete mjesto na slici i kod se kopira kao i na računaru. Lupa pored kursora se na mobilnom ne prikazuje, zato kod sitnih detalja sliku prvo približite.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 zapisuje iste brojeve u heksadecimalnom sistemu iza znaka #. Na primjer,rgb(255, 87, 51) je isto što i #ff5733.