CodeKitHubCe este acest instrument?
Culoarea medie este media aritmetică a valorilor roșu, verde și albastru ale fiecărui pixel — o singură culoare rezultată din amestec, care reprezintă tonul general al imaginii, dar poate arăta tulbure dacă imaginea are zone cu culori foarte diferite.
Culorile dominante sunt altceva: acest instrument grupează culorile de pixeli similare în categorii (prin cuantizarea fiecărui canal RGB), numără câți pixeli intră în fiecare categorie și returnează cele mai comune ca mostre distincte — mai aproape de ceea ce un om ar numi „culorile principale ale acestei imagini” decât un amestec mediat unic.
De ce să-l folosești?
- Obții atât culoarea medie, cât și o paletă multicoloră reală dintr-o singură încărcare, nu doar un număr.
- Extrage o paletă de culori utilizabilă dintr-o fotografie, o captură de ecran sau un logo pentru un proiect de design.
- Dă clic pe orice mostră pentru a-i copia instantaneu codul HEX exact.
- Rulează integral în browser — imaginea este citită local prin canvas și nu este niciodată încărcată nicăieri.
- Gratuit, instantaneu, fără cont, fără restricții de dimensiune a fișierului dincolo de limitele proprii ale browserului tău.
Cum se folosește
- Dă clic pe butonul de încărcare și alege o imagine de pe dispozitivul tău.
- Culoarea medie și paleta de culori dominante apar automat — nu este nevoie să dai clic pe niciun buton suplimentar.
- Dă clic pe orice mostră (culoarea medie sau orice culoare din paletă) pentru a-i copia codul HEX.
Exemplu
Intrare
O fotografie a unui apus de soare cu cer portocaliu și siluete albastru-închisRezultat
Culoare medie: un amestec maro-portocaliu estompat · Culori dominante: portocaliu strălucitor, roșu intens, aproape negru, galben pal (ca mostre distincte separate)Acesta este exact cazul în care culoarea medie și cele dominante diverg cel mai mult — media amestecă tonurile calde și reci într-un noroi, în timp ce paleta dominantă le păstrează ca și culori clar separate și recognoscibile.
Întrebări frecvente
De ce culoarea medie este atât de diferită de orice culoare care apare de fapt în imagine?
Calcularea mediei amestecă matematic toți pixelii — dacă o imagine are atât zone portocalii strălucitoare, cât și zone albastru-închis, media va ajunge undeva într-un maro tulbure, o culoare care s-ar putea să nu existe vizual nicăieri în fotografia originală. Acesta este comportamentul așteptat al unei medii reale, nu un bug; folosește în schimb paleta de culori dominante dacă vrei culori care apar cu adevărat în imagine.
Imaginea mea este încărcată pe un server?
Nu. Imaginea este citită direct de browserul tău folosind Canvas API, iar toată analiza culorilor are loc local, în JavaScript. Nimic nu este vreodată trimis prin rețea.
Câte culori dominante returnează instrumentul?
Până la 8, sortate după numărul de pixeli care se potrivesc cu fiecare categorie de culoare, cea mai comună fiind prima. Dacă imaginea are o culoare foarte uniformă, s-ar putea să vezi mai puțin de 8 categorii distincte.
Sunt numărați pixelii transparenți dintr-un PNG?
Nu — pixelii cu opacitate sub 50% sunt excluși atât din calculul culorii medii, cât și al culorii dominante, astfel încât un fundal transparent nu va denatura rezultatele către culoarea vizibilă prin el.