CodeKitHubMikä tämä työkalu on?
Keskiväri on jokaisen pikselin punaisen, vihreän ja sinisen arvon aritmeettinen keskiarvo — yksi sekoitettu väri, joka edustaa kuvan yleistä sävyä, mutta voi näyttää sameana, jos kuvassa on hyvin erivärisiä alueita.
Hallitsevat värit ovat eri asia: tämä työkalu ryhmittelee samankaltaiset pikseliväreit koreihin (kvantisoiden kunkin RGB-kanavan), laskee, kuinka monta pikseliä osuu kuhunkin koriin, ja palauttaa yleisimmät erillisinä näytteinä — lähempänä sitä, mitä ihminen kutsuisi "kuvan pääväreiksi", kuin yksittäistä keskiarvoistettua sekoitusta.
Miksi käyttää sitä?
- Saat sekä keskivärin että oikean monivärisen paletin yhdellä latauksella, et vain yhtä lukua.
- Poimi käyttökelpoinen väripaletti valokuvasta, kuvakaappauksesta tai logosta suunnitteluprojektia varten.
- Napsauta mitä tahansa näytettä kopioidaksesi sen tarkan HEX-koodin heti.
- Toimii kokonaan selaimessasi — kuva luetaan paikallisesti canvasin kautta eikä sitä koskaan ladata minnekään.
- Ilmainen, välitön, ei tiliä, ei tiedostokoon rajoituksia selaimesi omien rajojen lisäksi.
Käyttöohje
- Napsauta latauspainiketta ja valitse kuva laitteeltasi.
- Keskiväri ja hallitsevien värien paletti ilmestyvät automaattisesti — ei erillistä painiketta napsautettavaksi.
- Napsauta mitä tahansa näytettä (keskiväriä tai mitä tahansa paletin väriä) kopioidaksesi sen HEX-koodin.
Esimerkki
Syöte
Valokuva auringonlaskusta, jossa oranssi taivas ja tummansiniset siluetitTuloste
Keskiväri: vaimea ruskehtavan oranssi sekoitus · Hallitsevat värit: kirkas oranssi, tumma punainen, lähes musta, vaalea keltainen (erillisinä näytteinä)Tämä on juuri se tapaus, jossa keskiarvo ja hallitsevat värit eroavat eniten toisistaan — keskiarvo sekoittaa lämpimät ja kylmät sävyt mutaisiksi, kun taas hallitseva paletti pitää ne tunnistettavasti erillisinä väreinä.
Usein kysytyt kysymykset
Miksi keskiväri poikkeaa niin paljon mistä tahansa kuvassa todella olevasta väristä?
Keskiarvoistus sekoittaa jokaisen pikselin matemaattisesti yhteen — jos kuvassa on sekä kirkkaan oransseja että tummansinisiä alueita, keskiarvo päätyy jonnekin sameaan ruskeaan, väriin, jota ei visuaalisesti välttämättä ole missään alkuperäisessä valokuvassa. Tämä on odotettua käytöstä todelliselle keskiarvolle, ei virhe; käytä sen sijaan hallitsevien värien palettia, jos haluat värejä, jotka todella esiintyvät kuvassa.
Ladataanko kuvani palvelimelle?
Ei. Selaimesi lukee kuvan suoraan Canvas-rajapinnan avulla, ja kaikki värianalyysi tapahtuu paikallisesti JavaScriptillä. Mitään ei koskaan lähetetä verkon yli.
Kuinka monta hallitsevaa väriä se palauttaa?
Enintään 8, järjestettynä sen mukaan, kuinka monta pikseliä osui kuhunkin värikoriin, yleisin ensin. Jos kuva on väriltään hyvin yhtenäinen, saatat nähdä alle 8 erillistä koria.
Lasketaanko PNG-kuvan läpinäkyvät pikselit mukaan?
Ei — pikselit, joiden peittävyys on alle 50 %, jätetään pois sekä keskiarvon että hallitsevien värien laskennasta, joten läpinäkyvä tausta ei vääristä tuloksia sen värin suuntaan, joka näkyy sen läpi.