Utilia
Kategorije ▾
Jezik: hr ▾

Birač boja sa slike

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

Kako odabrati boju sa slike

  1. Ispusti sliku na područje za učitavanje ili klikni na njega da odabereš datoteku (JPG, PNG, WebP, GIF ili bilo koji format koji tvoj preglednik može prikazati).
  2. Pomakni pokazivač preko slike. Povećalo prikazuje uvećane piksele oko pokazivača, a Ispod pokazivača uživo daje HEX kod.
  3. Klikni piksel koji želiš. Uzorak Odabrana boja prikazuje ga s položajem piksela, a pokraj njega se pojavljuju HEX, RGB, HSL, HSV i CMYK kodovi, svaki sa svojim gumbom Kopiraj.
  4. Nastavi klikati da skupiš više boja: dodaju se u Odabrane boje, gdje možeš kopirati svaku od njih. Očisti popis ga prazni.

Na mobitelu ili tabletu jednostavno dodirni sliku. Tipkovnicom fokusiraj sliku tipkom Tab, kreći se tipkama sa strelicama (uz Shift 10 piksela odjednom) i pritisni Enter za odabir.

Slika nikad ne napušta tvoj uređaj: dekodira je i čita samo tvoj preglednik. Ništa što učitaš ne šalje se na poslužitelj.

Jedan piksel ili prosjek?

Izbornik Veličina uzorka određuje koliko se piksela čita pri svakom odabiru:

  • 1 piksel vraća točnu boju piksela ispod pokazivača. Koristi ga za plošne grafike, logotipe, snimke zaslona 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 povećalu točno pokazuje koji su pikseli uključeni. Uz rubove slike računaju se samo pikseli koji postoje.

Prozirni pikseli u PNG ili WebP datotekama također se obrađuju: boja se važe neprozirnošću, pa posve prozirna područja ne vuku rezultat prema crnoj, a djelomično prozirni rezultat dobiva osmeroznamenkasti HEX kod s alfom, poput #FF000080.

Točnost i ograničenja

  • Boje se čitaju u sRGB prostoru platna (canvas) tvog preglednika. Slike spremljene s drugim profilom boja (Adobe RGB, Display P3) preglednik najprije pretvara, pa se kodovi podudaraju s onim što vidiš na zaslonu, ali se mogu malo razlikovati od izvornih vrijednosti datoteke koje prikazuje uređivač fotografija.
  • Vrlo velike slike smanjuju se na 4096 piksela po najdužoj stranici da potrošnja memorije ostane razumna. Alat te obavijesti kad se to dogodi; na takvim slikama svaki je odabrani piksel već mali prosjek izvornika.
  • CMYK vrijednosti su jednostavna pretvorba bez ICC profila i služe samo kao grubi orijentir.

Česta pitanja

Kako pronaći HEX kod boje na slici?

Otvori sliku ovim alatom i klikni boju. HEX kod pojavljuje se u okviru Odabrana boja; klikni Kopiraj pokraj 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, prijelaze i artefakte kompresije, pa dva piksela koji izgledaju jednako rijetko imaju istu vrijednost. U Veličina uzorka odaberi Prosjek 3 × 3 ili Prosjek 5 × 5 da dobiješ stabilniju boju.

Mogu li birati boje sa snimke zaslona web-stranice?

Možeš. Napravi snimku zaslona, spremi je kao PNG i ispusti ovdje. PNG snimke zaslona su bez gubitaka, pa s 1 piksel dobivaš točnu boju korištenu na stranici, sve dok zaslon nije primijenio skaliranje ni upravljanje bojama.

Šalje li se moja slika na poslužitelj?

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

Mogu li dobiti cijelu paletu umjesto pojedinačnih boja?

Ovaj alat čita pojedinačne piksele. Za automatsko dobivanje glavnih boja slike upotrijebi alat za paletu iz slike, koji grupira slične piksele i navodi dominantne boje s njihovim udjelom.

Slični alati