Precizno uzorkovanje piksela direktno u pregledniku
Alat "Odabir boje sa slike" omogućava učitavanje slikovne datoteke s lokalnog uređaja i preciznu analizu njenih piksela radi dobijanja tačnih vrijednosti boja. Proces se odvija u realnom vremenu, a ugrađena lupa olakšava odabir pojedinačnih piksela na složenim grafičkim elementima.
Nakon što se slika učita, alat odmah prikazuje koordinate i vrijednosti boja za centralni piksel. Pomjeranjem pokazivača preko površine slike vrši se uzorkovanje piksel po piksel. Klikom na željeno mjesto na slici, trenutno uzorkovana boja se sprema u historiju odabira.
Podržani formati i tehnička ograničenja slika
Alat prihvata širok spektar uobičajenih slikovnih formata i MIME tipova. Korisnici mogu učitati sljedeće formate datoteka:
- PNG (
image/png) - JPG (
image/jpeg) - WebP (
image/webp) - GIF (
image/gif) - AVIF (
image/avif) - HEIC (
image/heiciliimage/heif)
Ukoliko se pokuša učitati datoteka koja ne pripada ovim formatima, sistem prikazuje poruku o grešci: "Ta vrsta datoteke nije podržana. Pokušajte sa PNG, JPG, WebP, GIF, AVIF ili HEIC slikom." Ako je datoteka ispravnog formata ali je oštećena, prikazuje se poruka: "Nije moguće otvoriti tu sliku. Možda je oštećena ili je u nepodržanom formatu."
Za optimalne performanse unutar preglednika, slike čija najduža stranica prelazi 4096 piksela automatski se proporcionalno smanjuju prilikom učitavanja.
Razumijevanje modela boja: HEX, RGB i HSL
Prilikom uzorkovanja piksela, alat istovremeno izračunava i prikazuje vrijednosti u tri ključna modela boja koji se koriste u digitalnom dizajnu i razvoju softvera:
| Model | Opis i format prikaza | Primjena |
|---|---|---|
| HEX | Heksadecimalni zapis u formatu #RRGGBB (npr. #3b82f6). |
Standard za HTML i CSS definisanje boja na webu. |
| RGB | Aditivni model koji definiše intenzitet crvene (Red), zelene (Green) i plave (Blue) svjetlosti u rasponu od 0 do 255. | Koristi se za definisanje boja na ekranima i u CSS-u kao rgb(r, g, b). |
| HSL | Cilindrični koordinatni sistem koji definiše nijansu (Hue) u stepenima od 0° do 360°, te zasićenost (Saturation) i svjetlinu (Lightness) u procentima od 0% do 100%. | Pogodan za ljudsko razumijevanje i jednostavno podešavanje svjetline ili zasićenosti boje. |
Klikom na bilo koju od prikazanih vrijednosti (HEX, RGB ili HSL), podatak se kopira direktno u međuspremnik (clipboard). U slučaju da sigurnosne postavke preglednika to onemogućavaju, prikazat će se poruka: "Kopiranje nije uspjelo — Vaš preglednik je blokirao pristup međuspremniku."
Uticaj kompresije, anti-aliasinga i prozirnosti
Alat uvijek očitava i prikazuje tačnu vrijednost piksela koja je zapisana u datoteci. Međutim, vizuelni doživljaj boje na ekranu može se razlikovati od tehničke vrijednosti u datoteci zbog nekoliko faktora:
- Kompresija slike: Formati poput JPEG koriste kompresiju s gubicima. Tokom ovog procesa, algoritmi grupišu slične piksele kako bi smanjili veličinu datoteke, što može promijeniti originalne nijanse i stvoriti artefakte oko oštrih ivica.
- Anti-aliasing (zaglađivanje ivica): Prilikom renderovanja teksta ili vektorskih oblika na rasterskoj slici, softver stvara prelazne piksele miješanjem boja objekta i pozadine kako bi ivice izgledale glatko. Uzorkovanje ovih prelaznih piksela neće dati čistu boju objekta niti čistu boju pozadine.
- Prozirnost (Alfa kanal): Ako piksel sadrži prozirnost, alat ga očitava samostalno, bez uzimanja u obzir elemenata ili pozadina koji se nalaze iza njega. U tom slučaju, pored standardnih vrijednosti, prikazuje se i indikator prozirnosti u formatu: "Alfa
{n}% — ovaj piksel je djelimično proziran."
Precizna navigacija pomoću tastature i upravljanje historijom
Za situacije koje zahtijevaju maksimalnu preciznost, pomjeranje pokazivača mišem može biti nedovoljno precizno. Alat stoga podržava potpunu navigaciju putem tastature:
- Fokusiranjem slike, korisnik može pomjerati nišan (crosshair) piksel po piksel koristeći tipke sa strelicama.
- Držeći pritisnutu tipku Shift uz tipke sa strelicama, nišan se pomjera u skokovima od po 10 piksela.
- Pritiskom na tipku Enter ili Space vrši se spremanje trenutno uzorkovane boje u historiju.
Historija spašenih boja može pohraniti najviše 12 stavki. Nakon što se boja spasi, prikazuje se obavještenje: "Spaseno {hex} u Vaše odabrane boje." Boje koje imaju identične RGB vrijednosti, ali različite nivoe prozirnosti (alfa vrijednosti), sistem tretira kao zasebne unose i spašava ih odvojeno. Klikom na bilo koji sačuvani uzorak u historiji, ta boja se ponovo učitava u glavni panel.
Klikom na dugme "Počni ispočetka" uklanja se učitana slika, prazni se kompletna historija spašenih boja i alat se vraća u početno stanje.
Privatnost podataka i lokalno izvršavanje
Proces analize slika u potpunosti poštuje privatnost korisnika. Odabrana slika se učitava i obrađuje lokalno, direktno unutar web preglednika na korisničkom uređaju. Datoteke se ne šalju na eksterne servere niti se bilo kakvi podaci otpremaju na platformu BroBroGo.
Često postavljana pitanja (FAQ)
Kako da odaberem boju sa slike?
Pomjerite pokazivač preko slike i panel će prikazati boju ispod njega, uz lupu koja zumira kako biste mogli pogoditi tačan piksel. Kliknite da spasite tu boju u svoje odabrane boje. Također možete fokusirati sliku i pomjerati nišan pomoću tipki sa strelicama, a zatim pritisnuti Enter.
Koje formate boja dobijam?
Svaki piksel koji uzorkujete prikazuje se istovremeno kao HEX, RGB i HSL. Kliknite na bilo koju vrijednost da je kopirate, spremnu za lijepljenje u CSS ili dizajnerski alat.
Zašto odabrana boja ne odgovara uvijek onome što sam očekivao/la?
Dobijate tačnu vrijednost piksela pohranjenu u slici. Ako se radi o JPEG formatu ili snimku ekrana, kompresija i anti-aliasing su možda već malo pomjerili susjedne piksele, a djelimično prozirni piksel se čita samostalno, bez onoga što se nalazi iza njega.
Da li se moje slike šalju na server radi analize?
Ne. Slika se čita direktno sa Vašeg uređaja i nikada ne napušta Vaš preglednik. Ništa se ne otprema na BroBroGo, što osigurava privatnost Vaših lokalnih datoteka.