CodeKitHubMis see tööriist on?
Keskmine värv on iga piksli punase, rohelise ja sinise väärtuse aritmeetiline keskmine — üksik segavärv, mis esindab pildi üldist tooni, kuid võib näida mudane, kui pildil on väga erineva värviga alasid.
Domineerivad värvid on midagi muud: see tööriist rühmitab sarnased piksliväärtused rühmadesse (kvantiseerides iga RGB-kanalit), loeb, kui palju piksleid igasse rühma langeb, ja tagastab kõige levinumad eraldi näidistena — see on lähemal sellele, mida inimene nimetaks "pildi peamisteks värvideks", kui üks keskmistatud segu.
Miks seda kasutada?
- Saad ühe üleslaadimisega nii keskmise värvi kui ka tõelise mitmevärvilise paleti, mitte ainult ühe numbri.
- Saad kasutatava värvipaleti fotolt, ekraanipildilt või logolt disainiprojekti jaoks.
- Klõpsa mis tahes näidisel, et selle täpne HEX-kood koheselt kopeerida.
- Töötab täielikult sinu brauseris — pilti loetakse kohalikult canvase kaudu ja seda ei laadita kunagi kuhugi üles.
- Tasuta, kohene, kontot pole vaja, faili suurust ei piirata rohkem kui sinu enda brauseri piirid.
Kuidas kasutada
- Klõpsa üleslaadimisnupul ja vali pilt oma seadmest.
- Keskmine värv ja domineerivate värvide palett ilmuvad automaatselt — pole vaja klõpsata täiendavat nuppu.
- Klõpsa mis tahes näidisel (keskmine värv või mõni paleti värv), et selle HEX-kood kopeerida.
Näide
Sisend
Foto päikeseloojangust oranži taeva ja tumesiniste siluettidegaTulemus
Keskmine värv: summutatud pruunikas-oranž segu · Domineerivad värvid: erkoranž, tumepunane, peaaegu must, kahvatukollane (eraldi eristatavate näidistena)See on täpselt juhtum, kus keskmine ja domineerivad värvid erinevad kõige rohkem — keskmine segab soojad ja külmad toonid mudaseks, samas kui domineeriv palett hoiab need äratuntavalt eraldi värvidena.
Korduma kippuvad küsimused
Miks on keskmine värv nii erinev igast värvist, mis tegelikult pildil on?
Keskmistamine segab iga piksli matemaatiliselt kokku — kui pildil on nii erkoranže kui tumesiniseid alasid, satub keskmine kuhugi mudasesse pruuni, mida visuaalselt algsel fotol tegelikult ei pruugi olla. See on tõelise keskmise puhul oodatud käitumine, mitte viga; kasuta selle asemel domineerivate värvide paletti, kui soovid värve, mis pildil tegelikult esinevad.
Kas mu pilt laaditakse serverisse üles?
Ei. Pilti loeb otse sinu brauser Canvas API abil ja kogu värvianalüüs toimub kohapeal JavaScriptis. Midagi ei saadeta kunagi üle võrgu.
Mitu domineerivat värvi see tagastab?
Kuni 8, sorteerituna selle järgi, kui palju piksleid igasse värvirühma langes, kõige levinum eespool. Kui pilt on väga ühtlase värviga, võid näha vähem kui 8 eraldi rühma.
Kas see loeb PNG-failis läbipaistvaid piksleid?
Ei — pikslid, mille läbipaistmatus on alla 50%, jäetakse välja nii keskmise kui ka domineerivate värvide arvutusest, nii et läbipaistev taust ei kalluta tulemusi selle värvi suunas, mis sealt läbi paistab.