Pipeta za boje
Povucite sliku ovdje
Podržani formati: JPG, PNG, WebP, GIFKliknite bilo gdje na sliku za odabir boje
Trebate saznati koja je boja na logotipu, fotografiji ili snimci zaslona? Učitajte sliku, pomaknite pokazivač na mjesto 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še računalo.
Kako saznati boju sa slike
- Učitajte sliku. Povucite je u prozor ili kliknite “Pretražite datoteke”. Pipeta radi s JPG, PNG, WebP i GIF datotekama.
- Odaberite format. Iznad slike odaberite u kojem zapisu želite kopirati boju. Za web najčešće odgovara HEX, za grafičke programe RGB. Alat pamti vaš izbor.
- Pomaknite pokazivač na boju. Kraj pokazivača se pojavi 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 god trebate.
Želite isprobati drugu sliku? Povucite je izravno na trenutnu ili je izbrišite ikonom koša.
Što ova online pipeta za boje nudi
Lupa koja pokaže svaki piksel
Obična pipeta pokaže samo boju ispod pokazivača, pa je pogoditi tanki rub slova prava lutrija. Naša lupa uveća okolinu pokazivača na 11 × 11 piksela i onaj u sredini uokviri. Točno vidite što ćete kliknuti, prije nego što kliknete.
Zum sve do pojedinačnih piksela
Tipkama plus i minus ili kotačićem miša uz pritisnutu tipku Ctrl sliku približite do 64 puta. Uz uključenu Mrežu vidite granice piksela, pa kod ikona, pixel arta ili sitnog teksta kliknete točno tamo kamo želite.
Boja iz izvornika, ne iz umanjene slike
Mnogi online alati sliku prvo smanje i boju čitaju iz predloška, gdje se susjedni pikseli stope. Naša pipeta radi sa slikom u punoj rezoluciji (do 4096 px na dužoj stranici), pa dobivate stvarnu boju piksela.
Kopiranje jednim klikom
Bez označavanja teksta i prepisivanja brojki. Svaki klik na sliku kopira kod u odabranom formatu. Kad istu boju trebate i u drugom zapisu, detalj boje nudi svih pet formata, svaki sa svojim gumbom za kopiranje.
Paleta dominantnih boja
Odmah nakon učitavanja alat pronađe do osam boja koje u slici prevladavaju i prikaže ih u kartici Dominantne boje. Gotovo identične nijanse spoji, tako da u paleti nećete naći pet varijanti sive, a prozirne dijelove PNG-a preskoči. Paleta je dobra osnova za shemu boja za web, prezentaciju ili objave na društvenim mrežama. Ako boje drže dovoljan kontrast i bez nijanse, brzo to provjerite pretvorbom slike u sive tonove.
Odabrane boje uvijek na oku
Svaka boja na koju kliknete sprema se u karticu Odabrane boje (posljednjih 24). Tako možete usporediti više mjesta na slici i vratiti se na njih kad god želite. Na velikom zaslonu je panel s bojama odmah pored slike.
Kad vam zatreba kod boje sa slike
- Web i aplikacije: Klijent je poslao logotip samo kao JPG, a vama treba točna boja brenda za CSS. Ako uz to trebate i verziju s prozirnom pozadinom, upotrijebite uklanjanje pozadine sa slike.
- Grafika i društvene mreže: Želite da tekst na objavi paše fotografiji. Uzmite boju izravno iz nje.
- Prezentacije i dokumenti: Boje logotipa tvrtke postavite u PowerPointu, Google Slidesu ili Canvi preko HEX ili RGB koda.
- Provjera dizajna: Na snimci zaslona provjerite ima li gumb u aplikaciji baš onu boju koju propisuje dizajn. Veličinu izvezenih materijala zatim provjerite u analizi dimenzija slika.
- Interijer i moda: Imate fotografiju tkanine ili zida i tražite sličnu nijansu. Kod poslužuje kao polazna točka pri odabiru u katalogu boja.
Formati boja koje pipeta vraća
- HEX (
#1373b6): zapis za HTML, CSS i većinu grafičkih alata. Kratki i alfa oblik opisuje MDN dokumentacija (na engleskom). - RGB (
rgb(19, 115, 182)): udio crvene, zelene i plave boje, svaka od 0 do 255. Kako aditivno miješanje boja radi, 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 biranja boje u Photoshopu ili GIMP-u. Razliku između HSL-a i HSV-a detaljno objašnjava Wikipedia (na engleskom).
- LCH: model koji odgovara tome kako boje percipira ljudsko oko. Kopira se u zapisu koji razumije moderni CSS (vidi MDN dokumentaciju, na engleskom).
Pipeta boju sa slike saznaje. Kad je želite dalje prilagoditi, pretvoriti u druge formate ili uz nju pronaći nijanse koje pašu, nastavite na kotač boja.
Često postavljana pitanja
Šalje li se moja slika na poslužitelj?
Ne. Slika se učitava i obrađuje izravno u vašem pregledniku, nikamo se ne šalje i nakon zatvaranja stranice od nje ništa ne ostaje. Pipetu tako mirno možete koristiti i na internim materijalima ili neobjavljenim dizajnima.Kako saznati HEX kod boje s fotografije?
Učitajte fotografiju, iznad slike ostavite odabran format HEX i kliknite na mjesto s bojom koju tražite. Kod, na primjer#75dab2, imate odmah u međuspremniku.
Zašto se boja s fotografije razlikuje od stvarnosti?
Fotoaparat boje mijenja osvjetljenjem, balansom bijele (na engleskom) i kompresijom. Pipeta vraća točno onu boju koja je spremljena u datoteci. Kod fotografija zato kliknite na više mjesta i usporedite ih u kartici Odabrane boje. Ako prema kodu miješate boju za zid, uzmite ga kao okvirnu vrijednost.Radi li pipeta na mobitelu?
Da. Na zaslonu osjetljivom na dodir dotaknete mjesto na slici i kod se kopira jednako kao na računalu. Lupa kraj pokazivača se na mobitelu ne prikazuje, zato kod sitnih detalja sliku prvo približite.Koja je razlika između HEX-a i RGB-a?
Oba zapisa opisuju istu boju. RGB je izražava trima brojevima od 0 do 255, HEX iste brojeve zapisuje u šesnaestinskom sustavu iza znaka #. Na primjer,rgb(255, 87, 51) je isto što i #ff5733.