Image Avg Color Finder

Pronađi prosječnu boju slike izračunatu iz svih piksela — HEX i RGB s kopiranjem.

Image Avg Color Finder

Izračunaj prosječnu boju bilo koje slike — korisno za dizajn i branding.

Šta je prosječna boja slike?

Prosječna (ili srednja) boja slike je jedna boja koja predstavlja matematički prosjek svih piksela. Izračunava se tako što se očita svaki piksel putem HTML5 canvas API-ja, a zatim saberu i uprosječe crveni, zeleni i plavi kanal. Rezultat se prikazuje kao HEX i RGB vrijednost.

Gdje se koristi?

  • Dizajn palete koja prati fotografiju
  • Pozadina kartica koja se uklapa u sliku
  • Traka za učitavanje koja prati boju thumbnail-a
  • Automatizacija pri obradi galerija

Kako koristiti

  1. Učitaj sliku drag & drop ili klikom
  2. Prosječna boja se izračuna odmah
  3. Kopiraj HEX ili RGB vrijednost

Često postavljana pitanja

Kako se računa prosječna boja?

Svaki piksel slike se očita putem canvas getImageData, a zatim se zasebno sabiraju R, G i B kanali i dijele s brojem piksela. Rezultat je aritmetička sredina svih boja u slici.

Zbog čega prosječna boja ne izgleda kao na slici?

Prosjek svih piksela nije ista stvar kao najdominantnija boja. Slika sa puno neba i malo crvene kuće će dati plavkast prosjek, iako je kuća glavni motiv. Zato je alat i za dominantne boje zaseban.

Može li se dobiti i prosjek s transparentnošću?

Alat računa prosjek na osnovu RGB kanala — transparentni (alfa) kanal se ignorira, ali se preko njega obično vidi pozadina koja ulazi u prosjek kroz kompoziciju u browseru.