Utilia
Kategorije ▾
Jezik: bs ▾

Birač boja sa slike

Učitaj sliku i klikni bilo koji piksel da dobiješ njegovu boju kao HEX, RGB, HSL, HSV i CMYK. Lupa, prosjek piksela i lista odabranih boja, sve u pregledniku.

Kako uzeti boju sa slike

  1. Spusti sliku u zonu za slanje ili klikni na nju da odabereš datoteku (JPG, PNG, WebP, GIF ili bilo koji format koji tvoj preglednik može prikazati).
  2. Pomjeraj pokazivač preko slike. Lupa prikazuje uvećane piksele oko kursora, a Ispod kursora uživo daje HEX kôd.
  3. Klikni piksel koji želiš. Uzorak Odabrana boja prikazuje ga s položajem piksela, a pored njega se pojavljuju HEX, RGB, HSL, HSV i CMYK kodovi, svaki s dugmetom Kopiraj.
  4. Nastavi da klikćeš da skupiš više boja: dodaju se u Odabrane boje, gdje svaku možeš kopirati. Isprazni listu je prazni.

Na telefonu ili tabletu jednostavno dodirni sliku. Tastaturom fokusiraj sliku tipkom Tab, kreći se tipkama sa strelicama (drži Shift za pomak od 10 piksela) i pritisni Enter da odabereš.

Slika nikad ne napušta tvoj uređaj: dekodira je i čita samo tvoj preglednik. Ništa se ne šalje na server.

Jedan piksel ili prosjek?

Meni Veličina uzorka određuje koliko se piksela čita za svaki odabir:

  • 1 piksel vraća tačnu boju piksela ispod kursora. Koristi ga za ravnu grafiku, logotipe, snimke ekrana i ikone.
  • Prosjek 3 × 3 i Prosjek 5 × 5 vraćaju srednju boju 9 ili 25 okolnih piksela. Koristi ih za fotografije: JPEG kompresija i šum kamere čine da se susjedni pikseli malo razlikuju, a prosjek daje boju koja bolje predstavlja ono što vidiš.

Kvadrat označen u lupi tačno pokazuje koji su pikseli uključeni. Blizu ivica slike broje se samo pikseli koji postoje.

Prozirni pikseli u PNG ili WebP datotekama takođe su obuhvaćeni: boja se ponderiše neprozirnošću, pa potpuno prozirna područja ne vuku rezultat prema crnoj, a djelimično prozirni rezultat dobija osmocifreni HEX kôd s alfa kanalom, poput #FF000080.

Preciznost i ograničenja

  • Boje se čitaju u sRGB prostoru canvasa tvog preglednika. Slike sačuvane s drugim profilom boja (Adobe RGB, Display P3) preglednik prvo pretvara, pa se kodovi poklapaju s onim što vidiš na ekranu, ali se mogu malo razlikovati od sirovih vrijednosti iz datoteke koje prikazuje uređivač fotografija.
  • Veoma velike slike smanjuju se na 4096 piksela po najdužoj stranici da potrošnja memorije ostane razumna. Alat ti javlja kad se to desi; na takvim slikama je svaki odabrani piksel već mali prosjek originala.
  • CMYK vrijednosti su jednostavna pretvorba bez ICC profila, korisna samo kao okvirni orijentir.

Česta pitanja

Kako pronaći HEX kôd boje na slici?

Otvori sliku ovim alatom i klikni na boju. HEX kôd se pojavljuje u okviru Odabrana boja; klikni Kopiraj pored njega da ga zalijepiš u CSS, Figmu, Canvu ili bilo koju drugu aplikaciju.

Zašto susjedni pikseli na mojoj fotografiji imaju različite kodove?

Fotografije sadrže šum, prelaze i artefakte kompresije, pa dva piksela koja izgledaju identično rijetko imaju istu vrijednost. Odaberi Prosjek 3 × 3 ili Prosjek 5 × 5 u Veličina uzorka da dobiješ stabilniju boju.

Mogu li uzeti boje sa snimka ekrana web stranice?

Da. Napravi snimak ekrana, sačuvaj ga kao PNG i spusti ovdje. PNG snimci su bez gubitaka, pa uz 1 piksel dobiješ tačnu boju korištenu na stranici, ako ekran nije primijenio skaliranje ili upravljanje bojama.

Šalje li se moja slika na server?

Ne. Datoteku otvara tvoj preglednik i crta je na canvasu na tvom uređaju. Ništa se ne šalje na server, a zatvaranjem stranice se odbacuje.

Mogu li dobiti cijelu paletu umjesto pojedinačnih boja?

Ovaj alat čita pojedinačne piksele. Da dobiješ glavne boje slike automatski, koristi alat za paletu iz slike, koji grupiše slične piksele i navodi dominantne boje s njihovim udjelom.

Srodni alati