CodeKitHub
Attēlu rīki

Attēla dominējošās krāsas noteicējs

Pēdējoreiz atjaunināts:

Augšupielādējiet jebkuru attēlu un iegūstiet divas lietas vienlaikus: kopējo vidējo krāsu (visi pikseļi sajaukti kopā) un paleti ar līdz 8 dominējošām krāsām (biežāk sastopamās atšķirīgās krāsas, sagrupētas pēc līdzības). Noklikšķiniet uz jebkura krāsu parauga, lai nokopētu tā HEX kodu — noderīgi, lai iegūtu zīmola paleti no fotoattēla vai logotipa.

Kas ir šis rīks?

Vidējā krāsa ir katra pikseļa sarkanās, zaļās un zilās vērtības aritmētiskais vidējais — viena sajaukta krāsa, kas atspoguļo attēla kopējo toni, taču var izskatīties duļķaina, ja attēlā ir ļoti atšķirīgi krāsotas jomas.

Dominējošās krāsas ir kas cits: šis rīks sagrupē līdzīgas pikseļu krāsas grozos (kvantējot katru RGB kanālu), saskaita, cik pikseļu iekrīt katrā grozā, un atgriež biežāk sastopamās kā atsevišķus paraugus — tuvāk tam, ko cilvēks nosauktu par „šī attēla galvenajām krāsām“, nevis vienam vidējotam sajaukumam.

Kāpēc to izmantot?

  • Iegūstiet gan vidējo krāsu, gan reālu daudzkrāsu paleti no vienas augšupielādes, nevis tikai vienu skaitli.
  • Iegūstiet izmantojamu krāsu paleti no fotoattēla, ekrānuzņēmuma vai logotipa dizaina projektam.
  • Noklikšķiniet uz jebkura parauga, lai nekavējoties nokopētu tā precīzo HEX kodu.
  • Darbojas pilnībā jūsu pārlūkprogrammā — attēls tiek lasīts lokāli, izmantojot canvas, un nekad netiek augšupielādēts nekur.
  • Bezmaksas, tūlītēji, bez konta, bez faila lieluma ierobežojumiem, izņemot jūsu pārlūkprogrammas pašas robežas.

Kā to lietot

  1. Noklikšķiniet uz augšupielādes pogas un izvēlieties attēlu no ierīces.
  2. Vidējā krāsa un dominējošo krāsu palete parādās automātiski — nav jāklikšķina uz papildu pogas.
  3. Noklikšķiniet uz jebkura parauga (vidējās krāsas vai jebkuras paletes krāsas), lai nokopētu tā HEX kodu.

Piemērs

Ievade

Saulrieta fotoattēls ar oranžām debesīm un tumši zilām silvām

Izvade

Vidējā krāsa: klusināts brūnoranžs sajaukums · Dominējošās krāsas: spilgti oranža, tumši sarkana, gandrīz melna, gaiši dzeltena (kā atsevišķi, skaidri atšķirami paraugi)

Šis ir tieši tas gadījums, kad vidējā un dominējošās krāsas atšķiras visvairāk — vidējā sajauc siltos un aukstos toņus dubļainā masā, savukārt dominējošā palete tos saglabā kā atpazīstami atsevišķas krāsas.

Biežāk uzdotie jautājumi

Kāpēc vidējā krāsa tik ļoti atšķiras no jebkuras krāsas, kas patiešām ir attēlā?

Vidējošana matemātiski sajauc katru pikseli kopā — ja attēlā ir gan spilgti oranžas, gan tumši zilas jomas, vidējais nonāk kaut kur duļķaini brūnā krāsā, kas vizuāli, iespējams, vispār nepastāv oriģinālajā fotoattēlā. Šī ir gaidāma uzvedība patiesam vidējam, nevis kļūda; tā vietā izmantojiet dominējošo krāsu paleti, ja vēlaties krāsas, kas patiešām parādās attēlā.

Vai mans attēls tiek augšupielādēts serverī?

Nē. Attēlu tieši nolasa jūsu pārlūkprogramma, izmantojot Canvas API, un visa krāsu analīze notiek lokāli JavaScript vidē. Nekas nekad netiek nosūtīts caur tīklu.

Cik dominējošās krāsas tas atgriež?

Līdz 8, sakārtotas pēc tā, cik pikseļu atbilda katram krāsu grozam, biežākā vispirms. Ja attēls ir ļoti vienveidīgs krāsā, jūs varētu redzēt mazāk par 8 atsevišķiem groziem.

Vai tas ieskaita caurspīdīgos pikseļus PNG failā?

Nē — pikseļi ar necaurspīdīgumu, kas mazāks par 50%, tiek izslēgti gan no vidējās, gan dominējošo krāsu aprēķina, tāpēc caurspīdīgs fons nesagrozīs rezultātus tās krāsas virzienā, kas caur to spīd.

Saistītie rīki