Nemokamas konverteris

Spalvų paletė Ištraukiklis iš vaizdo

Akimirksniu išskleiskite dominuojančias spalvas iš bet kurio vaizdo. Gaukite HEX ir RGB vertes vienu paspaudimu. Nemokamas, saugus ir veikia tik jūsų naršyklėje.

Nuvilkite vaizdą čia

Palaiko PNG, JPG, WEBP, GIF. Max 50 MB.

Arba

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.

Kaip naudoti

Įkelkite, pasirinkite paletės dydį, gaukite spalvas.

  1. Įkelkite savo paveikslėlį: Vilkite JPEG, PNG arba WebP į įkėlimo sritį. Palaikomi failai iki 50 MB.
  2. Pasirinkite paletės dydį: 5-8 spalvos apima daugumą naudojimo atvejų. 3-4 tvirtai sufokusuotai paletei; 10+ smulkiai detaliam ištraukimui. Didesnėse paletėse yra subtilesnių spalvų, tačiau jų naudingumas mažėja.
  3. Ištrauka: Klasterizavimas veikia jūsų naršyklėje. Mažesnės paletės išgaunamos greičiau; didesnės paletės iš didelės raiškos vaizdų užtrunka kelias sekundes.
  4. Naudokite paletę: Hex kodus galima nukopijuoti tiesiogiai. Paletę galima eksportuoti kaip JSON, CSS pasirinktines ypatybes arba spalvų pavyzdžio vaizdą.

Įprasto naudojimo atvejai

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.

Geriausia praktika

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.