# Kapaljka za boje

> Otpremite sliku, kliknite na boju i njen kod u HEX, RGB ili HSL je odmah u klipbordu. Lupa piksela, zum i paleta dominantnih boja. Besplatno, bez registracije.

URL: https://acrafto.com/sr/odabir-boje-sa-slike/  
Updated: 2026-09-22

Tools are interactive browser apps; there is no public API, no endpoints to call and no server-side processing. To use a tool, open its HTML page in a browser.

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

1. **Otpremite sliku.** Prevucite je u prozor ili kliknite na „Pretraži datoteke”. Kapaljka radi sa JPG, PNG, WebP i GIF formatom.
2. **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.
3. **Pređite preko boje.** Pored kursora se pojavljuje lupa sa uvećanim okolnim pikselima, a ispod nje kod boje.
4. **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](https://acrafto.com/sr/prevod-slika-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](https://acrafto.com/sr/uklanjanje-pozadine-sa-slike-ai/).
- **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](https://acrafto.com/sr/analiza-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](https://sr.wikipedia.org/wiki/RGB).
- **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](https://en.wikipedia.org/wiki/HSL_and_HSV) (na engleskom).
- **LCH**: model koji odgovara tome kako ljudsko oko doživljava boje. Kopira se u zapisu koji razume moderan CSS (vidi [MDN dokumentaciju](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/lch), 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](https://acrafto.com/sr/online-izbirac-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](https://en.wikipedia.org/wiki/Color_balance) (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`.

### Kako iz slike dobiti celu paletu boja?

Otvorite odeljak Dominantne boje. U njemu je do osam glavnih boja slike, a klikom na bilo koju od njih kopirate njen kod.

## Other languages

- Čeština (cs): [Online kapátko](https://acrafto.com/cs/vyber-barev-z-obrazku/) ([Markdown](https://acrafto.com/cs/vyber-barev-z-obrazku/index.md))
- Slovenčina (sk): [Online kvapátko](https://acrafto.com/sk/online-kvapatko-vyber-farieb-z-obrazku/) ([Markdown](https://acrafto.com/sk/online-kvapatko-vyber-farieb-z-obrazku/index.md))
- English (en): [Image Color Picker](https://acrafto.com/en/online-image-color-picker/) ([Markdown](https://acrafto.com/en/online-image-color-picker/index.md))
- Deutsch (de): [Farbe aus Bild bestimmen](https://acrafto.com/de/farbauswahl-bild-online/) ([Markdown](https://acrafto.com/de/farbauswahl-bild-online/index.md))
- Français (fr): [Pipette à couleurs](https://acrafto.com/fr/pipette-couleur-image-en-ligne/) ([Markdown](https://acrafto.com/fr/pipette-couleur-image-en-ligne/index.md))
- Español (es): [Cuentagotas de imagen online](https://acrafto.com/es/selector-colores-imagen-online/) ([Markdown](https://acrafto.com/es/selector-colores-imagen-online/index.md))
- Italiano (it): [Contagocce colore](https://acrafto.com/it/selettore-colori-online-da-immagine/) ([Markdown](https://acrafto.com/it/selettore-colori-online-da-immagine/index.md))
- Português (pt): [Conta-gotas online](https://acrafto.com/pt/extrator-cores-imagem-online/) ([Markdown](https://acrafto.com/pt/extrator-cores-imagem-online/index.md))
- Nederlands (nl): [Kleur uit afbeelding halen](https://acrafto.com/nl/online-kleurenpipet/) ([Markdown](https://acrafto.com/nl/online-kleurenpipet/index.md))
- Polski (pl): [Kroplomierz kolorów z obrazu](https://acrafto.com/pl/kroplomierz-online-kolory-z-obrazu/) ([Markdown](https://acrafto.com/pl/kroplomierz-online-kolory-z-obrazu/index.md))
- Română (ro): [Pipetă de culori din imagine](https://acrafto.com/ro/selector-culori-imagine-online/) ([Markdown](https://acrafto.com/ro/selector-culori-imagine-online/index.md))
- Magyar (hu): [Színpipetta](https://acrafto.com/hu/kep-szinkivalaszto/) ([Markdown](https://acrafto.com/hu/kep-szinkivalaszto/index.md))
- Ελληνικά (el): [Σταγονόμετρο εικόνας](https://acrafto.com/el/image-color-picker/) ([Markdown](https://acrafto.com/el/image-color-picker/index.md))
- Български (bg): [Онлайн пипетка за цвят от снимка](https://acrafto.com/bg/image-color-picker/) ([Markdown](https://acrafto.com/bg/image-color-picker/index.md))
- Hrvatski (hr): [Pipeta za boje](https://acrafto.com/hr/alat-za-odabir-boja-slike/) ([Markdown](https://acrafto.com/hr/alat-za-odabir-boja-slike/index.md))
- Slovenščina (sl): [Barvna kapalka za slike](https://acrafto.com/sl/spletni-izbirnik-barv-iz-slike/) ([Markdown](https://acrafto.com/sl/spletni-izbirnik-barv-iz-slike/index.md))
- Eesti (et): [Pildi värvipipett](https://acrafto.com/et/pildi-varvivalija/) ([Markdown](https://acrafto.com/et/pildi-varvivalija/index.md))
- Latviešu (lv): [Krāsu pipete](https://acrafto.com/lv/krasu-pipete-online/) ([Markdown](https://acrafto.com/lv/krasu-pipete-online/index.md))
- Lietuvių (lt): [Spalvų pipetė](https://acrafto.com/lt/image-color-picker/) ([Markdown](https://acrafto.com/lt/image-color-picker/index.md))
- Svenska (sv): [Färgplockare från bild](https://acrafto.com/sv/fargplockare-fran-bild/) ([Markdown](https://acrafto.com/sv/fargplockare-fran-bild/index.md))
- Dansk (da): [Farvekode fra billede](https://acrafto.com/da/farvevaelger-fra-billede/) ([Markdown](https://acrafto.com/da/farvevaelger-fra-billede/index.md))
- Suomi (fi): [Poimi väri kuvasta](https://acrafto.com/fi/kuvan-varinvalitsin/) ([Markdown](https://acrafto.com/fi/kuvan-varinvalitsin/index.md))
- Norsk (no): [Fargeplukker](https://acrafto.com/no/online-fargevelger/) ([Markdown](https://acrafto.com/no/online-fargevelger/index.md))
- Українська (uk): [Піпетка кольору з фото](https://acrafto.com/uk/onlajn-pipetka-koloru/) ([Markdown](https://acrafto.com/uk/onlajn-pipetka-koloru/index.md))
- Русский (ru): [Онлайн-пипетка](https://acrafto.com/ru/vybor-tsveta-iz-izobrazheniya-onlajn/) ([Markdown](https://acrafto.com/ru/vybor-tsveta-iz-izobrazheniya-onlajn/index.md))
- Македонски (mk): [Пипета за бои од слика](https://acrafto.com/mk/izbirac-boja/) ([Markdown](https://acrafto.com/mk/izbirac-boja/index.md))
- Bosanski (bs): [Kapaljka za boje](https://acrafto.com/bs/online-birac-boja/) ([Markdown](https://acrafto.com/bs/online-birac-boja/index.md))
- Shqip (sq): [Pikues ngjyrash nga imazhi](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/) ([Markdown](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/index.md))
- Türkçe (tr): [Resimden renk kodu bulma](https://acrafto.com/tr/resimden-renk-secici/) ([Markdown](https://acrafto.com/tr/resimden-renk-secici/index.md))
- 日本語 (ja): [画像スポイト](https://acrafto.com/ja/image-color-picker/) ([Markdown](https://acrafto.com/ja/image-color-picker/index.md))
- 한국어 (ko): [이미지 색상 추출기](https://acrafto.com/ko/image-color-picker/) ([Markdown](https://acrafto.com/ko/image-color-picker/index.md))
- العربية (ar): [استخراج اللون من الصورة](https://acrafto.com/ar/image-color-picker/) ([Markdown](https://acrafto.com/ar/image-color-picker/index.md))
- हिन्दी (hi): [इमेज कलर पिकर](https://acrafto.com/hi/online-color-picker-tool/) ([Markdown](https://acrafto.com/hi/online-color-picker-tool/index.md))
- Bahasa Indonesia (id): [Ambil warna dari gambar](https://acrafto.com/id/pemilih-warna-gambar-online/) ([Markdown](https://acrafto.com/id/pemilih-warna-gambar-online/index.md))
- Tiếng Việt (vi): [Lấy màu từ ảnh](https://acrafto.com/vi/image-color-picker-online/) ([Markdown](https://acrafto.com/vi/image-color-picker-online/index.md))
- ไทย (th): [ดูดสีจากรูปภาพ](https://acrafto.com/th/image-color-picker-online/) ([Markdown](https://acrafto.com/th/image-color-picker-online/index.md))
- עברית (he): [טפטפת צבעים](https://acrafto.com/he/image-color-picker/) ([Markdown](https://acrafto.com/he/image-color-picker/index.md))