CodeKitHubKas yra šis įrankis?
Vidutinė spalva yra kiekvieno pikselio raudonos, žalios ir mėlynos vertės aritmetinis vidurkis — viena sumaišyta spalva, atspindinti bendrą vaizdo toną, tačiau ji gali atrodyti dumblina, jei vaizde yra labai skirtingai spalvotų sričių.
Dominuojančios spalvos yra kas kita: šis įrankis sugrupuoja panašias pikselių spalvas į grupes (kvantuodamas kiekvieną RGB kanalą), suskaičiuoja, kiek pikselių patenka į kiekvieną grupę, ir grąžina dažniausias kaip atskirus pavyzdžius — arčiau to, ką žmogus vadintų „pagrindinėmis šio vaizdo spalvomis“, nei vieno vidurkinto derinio.
Kodėl jį naudoti?
- Gaukite tiek vidutinę spalvą, tiek tikrą daugiaspalvę paletę iš vieno įkėlimo, o ne tik vieną skaičių.
- Ištraukite naudingą spalvų paletę iš nuotraukos, ekrano nuotraukos ar logotipo dizaino projektui.
- Spustelėkite bet kurį pavyzdį, kad akimirksniu nukopijuotumėte jo tikslų HEX kodą.
- Veikia visiškai jūsų naršyklėje — vaizdas skaitomas lokaliai per canvas ir niekada niekur neįkeliamas.
- Nemokama, akimirksniu, be paskyros, be failo dydžio apribojimų, viršijančių pačios jūsų naršyklės ribas.
Kaip naudoti
- Spustelėkite įkėlimo mygtuką ir pasirinkite vaizdą iš savo įrenginio.
- Vidutinė spalva ir dominuojančių spalvų paletė atsiranda automatiškai — papildomo mygtuko spausti nereikia.
- Spustelėkite bet kurį pavyzdį (vidutinę spalvą ar bet kurią paletės spalvą), kad nukopijuotumėte jos HEX kodą.
Pavyzdys
Įvestis
Saulėlydžio nuotrauka su oranžiniu dangumi ir tamsiai mėlynais siluetaisIšvestis
Vidutinė spalva: prislopintas rusvai oranžinis derinys · Dominuojančios spalvos: ryški oranžinė, tamsiai raudona, beveik juoda, blyški geltona (kaip atskiri, aiškiai išsiskiriantys pavyzdžiai)Tai kaip tik atvejis, kai vidutinė ir dominuojančios spalvos labiausiai skiriasi — vidurkis sumaišo šiltus ir šaltus tonus į dumblą, o dominuojanti paletė išlaiko juos kaip atpažįstamai atskiras spalvas.
Dažniausiai užduodami klausimai
Kodėl vidutinė spalva taip smarkiai skiriasi nuo bet kurios iš tikrųjų vaizde esančios spalvos?
Vidurkinimas matematiškai sumaišo kiekvieną pikselį — jei vaizde yra tiek ryškiai oranžinių, tiek tamsiai mėlynų sričių, vidurkis nusileidžia kažkur dumblinos rudos spalvos zonoje, kurios vizualiai gali visai nebūti originalioje nuotraukoje. Tai laukiamas tikro vidurkio elgesys, o ne klaida; jei norite spalvų, kurios iš tikrųjų pasirodo vaizde, naudokite dominuojančių spalvų paletę.
Ar mano vaizdas įkeliamas į serverį?
Ne. Vaizdą tiesiogiai nuskaito jūsų naršyklė naudodama Canvas API, o visa spalvų analizė vyksta lokaliai JavaScript kalba. Niekas niekada nesiunčiama per tinklą.
Kiek dominuojančių spalvų jis grąžina?
Iki 8, surikiuotų pagal tai, kiek pikselių atitiko kiekvieną spalvų grupę, dažniausia pirmiausia. Jei vaizdas labai vienodos spalvos, galite pamatyti mažiau nei 8 atskiras grupes.
Ar jis skaičiuoja permatomus pikselius PNG faile?
Ne — pikseliai, kurių nepermatomumas mažesnis nei 50%, neįtraukiami nei į vidurkio, nei į dominuojančių spalvų skaičiavimą, todėl permatomas fonas neiškreips rezultatų link spalvos, kuri per jį prašviečia.