CodeKitHub
Kép eszközök

Kép domináns szín kereső

Utolsó frissítés:

Töltsön fel bármilyen képet, és egyszerre két dolgot kap: a teljes átlagos színt (az összes pixel összekeverve) és egy legfeljebb 8 domináns színből álló palettát (a leggyakoribb, hasonlóság szerint csoportosított, egymástól elkülönülő színek). Kattintson bármelyik színmintára a HEX kódjának másolásához — hasznos, ha márkapalettát szeretne kinyerni egy fotóból vagy logóból.

Mi ez az eszköz?

Az átlagos szín minden pixel vörös, zöld és kék értékének számtani átlaga — egyetlen kevert szín, amely a kép általános tónusát reprezentálja, de sáros hatású lehet, ha a képen nagyon eltérő színű területek vannak.

A domináns színek mások: ez az eszköz a hasonló pixelszíneket csoportokba (vödrökbe) rendezi (az egyes RGB csatornák kvantálásával), megszámolja, hány pixel esik az egyes csoportokba, és a leggyakoribbakat különálló mintaként adja vissza — közelebb áll ahhoz, amit egy ember „a kép fő színeinek” nevezne, mint egyetlen átlagolt keverékhez.

Miért érdemes használni?

  • Egyetlen feltöltésből megkapja mind az átlagos színt, mind egy valódi, több színből álló palettát, nem csak egyetlen számot.
  • Használható színpalettát nyerhet ki egy fotóból, képernyőképből vagy logóból egy tervezési projekthez.
  • Kattintson bármelyik színmintára, hogy azonnal másolja a pontos HEX kódját.
  • Teljesen a böngészőjében fut — a kép helyben, canvas segítségével kerül beolvasásra, és sosem kerül feltöltésre sehova.
  • Ingyenes, azonnali, fiók nélküli, és a böngésző saját korlátain túl nincs fájlméret-korlátozás.

Használati útmutató

  1. Kattintson a feltöltés gombra, és válasszon egy képet az eszközéről.
  2. Az átlagos szín és a domináns színpaletta automatikusan megjelenik — nincs szükség további gombra.
  3. Kattintson bármelyik színmintára (az átlagos színre vagy bármely paletta színre) a HEX kódjának másolásához.

Példa

Bemenet

Egy naplemente fotó narancssárga éggel és sötétkék sziluettekkel

Kimenet

Átlagos szín: tompított barnás-narancssárga keverék · Domináns színek: élénk narancssárga, mélyvörös, közel fekete, halványsárga (mint különálló, elkülönülő minták)

Ez pontosan az az eset, amikor az átlagos és a domináns szín a legjobban eltér egymástól — az átlag sárba keveri a meleg és a hideg tónusokat, míg a domináns paletta felismerhetően külön színekként tartja meg őket.

Gyakori kérdések

Miért annyira más az átlagos szín, mint bármelyik, a képen ténylegesen megjelenő szín?

Az átlagolás matematikailag összekeveri az összes pixelt — ha egy képen egyaránt vannak élénk narancssárga és sötétkék területek, az átlag egy sáros barnás színt eredményez, amely vizuálisan lehet, hogy sehol sem létezik az eredeti fotón. Ez egy valódi átlag várt viselkedése, nem hiba; ha olyan színeket szeretne, amelyek ténylegesen megjelennek a képen, inkább a domináns színpalettát használja.

A képem feltöltésre kerül egy szerverre?

Nem. A képet a böngészője közvetlenül olvassa be a Canvas API segítségével, és minden színelemzés helyben, JavaScriptben történik. Semmi sem kerül elküldésre a hálózaton.

Hány domináns színt ad vissza az eszköz?

Legfeljebb 8-at, a legtöbb pixelt tartalmazó színcsoport szerint sorba rendezve, a leggyakoribbal kezdve. Ha a kép színileg nagyon egységes, előfordulhat, hogy 8-nál kevesebb különálló csoportot lát.

Számolja az átlátszó pixeleket egy PNG-ben?

Nem — az 50%-nál kisebb átlátszatlanságú pixelek ki vannak zárva mind az átlagos, mind a domináns szín számításából, így az átlátszó háttér nem torzítja az eredményeket az azon átlátszó szín irányába.

Kapcsolódó eszközök