Barvna kapalka za slike

Potrebujete ugotoviti, katera barva je v logotipu, na fotografiji ali na posnetku zaslona? Naložite sliko, z miško se pomaknite na mesto, ki vas zanima, in kliknite. Koda barve se takoj kopira v odložišče v formatu, ki ga izberete: HEX, RGB, HSL, HSV ali LCH. Ničesar ne nameščate, slika pa nikoli ne zapusti vašega računalnika.

Kako ugotoviti barvo iz slike

1. Naložite sliko. Povlecite jo v okno ali kliknite na »Prebrskaj datoteke«. Kapalka sprejme JPG, PNG, WebP in GIF.
2. Izberite format. Nad sliko izberite zapis, v katerem želite kopirati barvo. Za splet je običajno najbolj primeren HEX, za grafične programe RGB. Izbiro si orodje zapomni.
3. Pomaknite se na barvo. Ob kazalcu se prikaže lupa s povečanimi sosednjimi piksli, pod njo pa koda barve.
4. Kliknite. Koda je v odložišču, barva pa se shrani v zavihek Izbrane barve. Prilepite jo, kjer jo potrebujete.

Želite preizkusiti drugo sliko? Povlecite jo kar na trenutno, ali pa jo izbrišite z ikono koša.

Kaj zmore spletna barvna kapalka

Lupa, ki pokaže vsak piksel

Navadna kapalka pokaže le barvo pod kazalcem, zato je zadeti tanek rob črke prava loterija. Naša lupa poveča okolico kazalca na 11 × 11 pikslov in tistega na sredini obrobi. Natanko vidite, kam boste kliknili, še preden kliknete.

Povečava do posameznih pikslov

Z gumboma plus in minus ali s kolescem miške ob pritisnjeni tipki Ctrl sliko povečate do 64-krat. Ko vklopite mrežo, so vidne meje pikslov, zato pri ikonah, pixel artu ali drobnem besedilu kliknete natanko tja, kamor želite.

Barva iz izvirnika, ne iz sličice

Marsikatero spletno orodje sliko najprej pomanjša in barvo prebere iz predogleda, kjer se sosednji piksli zlijejo skupaj. Naša kapalka dela s sliko v polni ločljivosti (do 4096 px na daljši stranici), zato dobite pravo barvo piksla.

Kopiranje z enim klikom

Brez označevanja besedila in prepisovanja številk. Vsak klik na sliko kopira kodo v izbranem formatu. Če isto barvo potrebujete tudi v drugem zapisu, podrobnosti barve ponudijo vseh pet formatov, vsakega z lastnim gumbom za kopiranje.

Paleta prevladujočih barv

Takoj po nalaganju orodje najde do osem barv, ki v sliki prevladujejo, in jih pokaže v zavihku Dominantne barve. Skoraj enake odtenke združi, zato v paleti ne boste našli petih različic sive. Prozorne dele PNG izpusti. Paleta je dober izhodišče za barvno shemo spletne strani, predstavitve ali objav na družbenih omrežjih. Če želite hitro preveriti, ali barve ohranijo dovolj kontrasta tudi brez odtenka, si pomagajte s pretvorbo slike v sivine.

Izbrane barve vedno na očeh

Vsaka barva, na katero kliknete, se shrani v zavihek Izbrane barve (zadnjih 24). Tako lahko primerjate več mest na sliki in se kadar koli vrnete k njim. Na velikem zaslonu je plošča z barvami kar poleg slike.

Za kaj je uporabno ugotoviti kodo barve iz slike

• Splet in aplikacije: Stranka je poslala logotip samo v JPG, vi pa potrebujete točno barvo znamke za CSS. Če k njej potrebujete tudi različico s prozornim ozadjem, uporabite odstranitev ozadja iz slike.
• Grafika in družbena omrežja: Želite, da besedilo na objavi ujema z barvo fotografije. Barvo vzemite kar iz nje.
• Predstavitve in dokumenti: Barve podjetniškega logotipa nastavite v PowerPointu, Google Slides ali Canvi prek HEX ali RGB.
• Preverjanje oblikovanja: Na posnetku zaslona preverite, ali ima gumb v aplikaciji res barvo, ki jo predpisuje oblikovanje. Velikost izvoženih podlag nato preverite z analizo dimenzij slik.
• Notranja oprema in moda: Imate fotografijo blaga ali stene in iščete podoben odtenek. Koda je dobro izhodišče pri izbiri v vzorčniku.

Formati barv, ki jih kapalka vrne

• HEX (#1373b6): zapis za HTML, CSS in večino grafičnih orodij.
• RGB (rgb(19, 115, 182)): delež rdeče, zelene in modre, vsaka od 0 do 255. Kako deluje aditivno mešanje barv, opisuje Wikipedija.
• HSL (hsl(205, 81%, 39%)): odtenek, nasičenost in svetlost. Iz njega enostavno pripravite svetlejšo ali temnejšo različico.
• HSV: odtenek, nasičenost in vrednost, kot ju poznate iz izbire barve v Photoshopu ali GIMP-u. Razliko med HSL in HSV podrobno pojasni Wikipedija.
• LCH: model, ki ustreza temu, kako barve zaznava človeško oko. Kopira se v zapisu, ki ga razume sodoben CSS (glejte dokumentacijo MDN, v angleščini).

Kapalka ugotovi barvo iz slike. Če jo želite naprej prilagajati, pretvoriti v druge formate ali ji poiskati ujemajoče odtenke, nadaljujte v izbirnik barv.

Pogosto zastavljena vprašanja

Se moja slika nalaga na strežnik?

Ne. Slika se naloži in obdela neposredno v vašem brskalniku, nikamor se ne pošilja in po zaprtju strani od nje ne ostane nič. Kapalko tako lahko brez skrbi uporabite tudi za interno gradivo ali še neobjavljene osnutke.

Kako ugotovim HEX kodo barve s fotografije?

Naložite fotografijo, nad sliko pustite izbran format HEX in kliknite na mesto z barvo, ki jo iščete. Koda, na primer #75dab2, je takoj v odložišču.

Zakaj se barva s fotografije razlikuje od resničnosti?

Fotoaparat barve spremeni z osvetlitvijo, belim ravnovesjem (v angleščini) in stiskanjem. Kapalka vrne natanko tisto barvo, ki je shranjena v datoteki. Pri fotografijah zato kliknite na več mest in jih primerjajte v zavihku Izbrane barve. Če po kodi mešate barvo za steno, jo jemljite le kot orientacijsko.

Ali kapalka deluje na mobilnem telefonu?

Da. Na zaslonu na dotik tapnete mesto na sliki in koda se kopira enako kot na računalniku. Lupa ob kazalcu se na mobilnem telefonu ne prikaže, zato pri drobnih podrobnostih sliko najprej povečajte.

Kakšna je razlika med HEX in RGB?

Oba zapisa opisujeta isto barvo. RGB jo izrazi s tremi številkami od 0 do 255, HEX zapiše iste številke v šestnajstiškem sistemu za znakom #. Na primer rgb(255, 87, 51) je enako kot #ff5733.

Kako iz slike pridobim celotno barvno paleto?

Odprite zavihek Dominantne barve. V njem najdete do osem glavnih barv slike, s klikom na katero koli od njih pa kopirate njeno kodo.