Apie šį įrankį
Spalvų paletės ištraukimas analizuoja vaizdą ir nustato dominuojančias arba tipines spalvas. Rezultatas yra nedidelis spalvų rinkinys (dažniausiai 5–8), kuris užfiksuoja vaizdo vaizdinį pobūdį. Dizaineriai naudoja išgautas paletes, kad derintų kitus dizaino elementus (UI spalvos, papildančios herojaus įvaizdį, prekės ženklų paletės, gautos iš fotografijos, spalvų schemos, atitinkančios nuotaikos vaizdą).
Išskyrimas naudoja klasterizacijos algoritmus (k-means ar panašius), kad sugrupuotų visus vaizdo pikselius į pageidaujamą spalvų grupių skaičių. Kiekvienos grupės centras tampa paletės spalva. Didžiausios grupės atstovauja dominuojančias spalvas; Algoritmas taip pat gali vertinti vizualinę svarbą (sotumą, kontrastą), o ne neapdorotą pikselių skaičių, atsižvelgiant į paviršiaus ryškias akcentines spalvas.
Šis įrankis veikia jūsų naršyklėje naudojant „JavaScript“. Vaizdas iššifruojamas į pikselių duomenis, atrenkami mėginiai, kad būtų sumažintas skaičiavimas, ir sugrupuojamas. Išvestis yra paletė su šešioliktainiais kodais, RGB reikšmėmis ir proporcinėmis juostomis, rodančiomis kiekvienos spalvos paplitimą vaizde.
Kodėl verta ištraukti spalvų paletes
Su esamais vaizdais suderinamus kūrinius suprojektuoti daug greičiau naudojant ištrauktas paletes, nei pasirinkti spalvas iš akies. Žiniatinklio dizaineriai, kuriantys nukreipimo puslapius aplink herojų atvaizdus, rinkodaros specialistai, gaminantys turtą, atitinkantį pagrindinę produkto nuotrauką, ir prekės ženklų dizaineriai, analizuojantys konkurentų vaizdus, turi naudos iš algoritminio paletės ištraukimo.
Paletės taip pat palaiko turinio valdymą. Suskirstę vaizdus pagal dominuojančias spalvas galite kurti sąsajas, kuriose naudotojai naršo nuotraukas, gaminius ar dizainą pagal spalvas. Kuriant tokią sistemą reikia sistemingai išgauti paletes, o tai įgalina programinis ištraukimas.
Techninės detalės
K-means klasterizacijos iteracijos: priskirkite kiekvieną pikselį artimiausiam klasterio centrui, perskaičiuokite centrus kaip priskirtų pikselių vidurkį, kartokite iki konvergencijos. Visos raiškos vaizdai veikia lėtai; atranka (paimama kas N-ą pikselį) paspartėja minimaliai prarandant kokybę.
Svarbu spalvų erdvė. Klasterizuojant RGB, gaunamos paletės, įvertintos pagal RGB atstumą, kuris neatitinka suvokimo atstumo. Klasterizuojant LAB arba HSV, gaunamos labiau suvokiamos paletės – panašiai atrodančios spalvos sugrupuojamos patikimiau.
Išvestis: kiekvieno klasterio centro šešioliktainiai kodai, pridėjus vaizdo pikselių procentą kiekviename klasteryje. Procentas rodo regėjimo paplitimą; didžiausias klasteris yra labiausiai dominuojanti spalva.
Dažnai užduodami klausimai
- Kiek spalvų išgaunama?
- Įrankis paprastai išskiria 5–8 dominuojančias spalvas, priklausomai nuo vaizdo sudėtingumo. Paprasti vaizdai su keliomis spalvomis sukuria mažiau ir ryškesnių pavyzdžių. Sudėtingos nuotraukos sukuria platesnį spektrą.
- Kaip veikia ištraukimo algoritmas?
- Įrankis naudoja spalvų kvantavimą (vidutinį pjūvį arba k-means klasterizavimą), kad sugrupuotų panašius pikselius ir nustatytų tipiškiausias spalvas. Tai sukuria vizualiai reikšmingas spalvas, o ne dažniausiai pasitaikančias vieno pikselio reikšmes.
- Ar galiu naudoti išgautas spalvas savo prekės ženklui?
- Taip. Tai populiarus būdas sukurti prekių ženklų paletes iš nuotaikų lentų, nuotraukų ar produktų vaizdų. Išskirtus šešioliktainius kodus galima naudoti tiesiogiai CSS, projektavimo įrankiuose arba prekės ženklo gairėse.
- Kodėl išgautos spalvos tiksliai neatitinka to, ką matau?
- Spalvų ištraukimas sugrupuoja panašius pikselius. Gradientas, kuris akiai atrodo kaip viena spalva, gali būti pervestas į šiek tiek kitokį atspalvį. Be to, monitoriaus kalibravimas turi įtakos spalvų vaizdavimui ekrane.
- Koks išvesties formatas?
- Hex kodai pagal numatytuosius nustatymus. Dauguma įrankių taip pat eksportuoja RGB, HSL ir kitas spalvų erdvės reikšmes. CSS tinkintos ypatybės arba JSON išvestis yra naudingos programiniam naudojimui.
- Ar mano vaizdas įkeltas į serverį?
- Ne. Ištraukimas vyksta jūsų naršyklėje.
- Ar paletė atitiks prekės ženklo identitetą?
- Algoritminis ištraukimas yra aprašomasis, o ne nurodymas. Išvestis apibūdina vaizdą; prekės ženklas gali turėti susijusią, bet skirtingą paletę. Naudokite ištraukimą kaip pradinį tašką, tada patikslinkite prekės ženklo derinimą.
- Ar galiu ištraukti iš vaizdo įrašo?
- Vieno kadro ištraukimas tik su šiuo įrankiu. Norėdami išgauti vaizdo įrašų paletę, paimkite kadrų pavyzdžius ir ištraukite iš kiekvieno, tada sujunkite.