← Atgal į funkcijas
Free

Vaizdo spalvų ekstraktorius

Vaizdo spalvų ekstraktorius (Image Color Extractor) išanalizuoja bet kokį vaizdo failą (nuvilkite, įklijuokite arba spustelėkite, kad įkeltumėte) ir grąžina iki 16 dominuojančių spalvų su procentiniais svoriais. Naudoja pikselių atranką ir kvantavimą naršyklėje – jokio įkėlimo, jokio siuntimo į serverį. Spustelėkite bet kurį spalvos pavyzdį, kad nukopijuotumėte jo hex kodą, arba naudokite „Kopijuoti viską“, kad gautumėte visą paletę.

Dizaineriams ir kūrėjams nuolat reikia ištraukti spalvas iš vaizdų – gauti prekės ženklo spalvas iš logotipo, sukurti paletę iš nuotraukos, priderinti UI prie pavyzdinio kūrinio. Image Color Extractor tai atlieka naršyklėje, be jokio įkėlimo. Nuvilkite, įklijuokite arba spustelėkite, kad įkeltumėte vaizdą (PNG, JPG, SVG, WebP, GIF). Įrankis nupiešia sumažintą versiją į canvas, atrenka kas 4-ą pikselį, suskirsto juos į sumažintą spalvų erdvę (5 bitai vienam kanalui, ~32 tūkst. grupių), apskaičiuoja kiekvienos grupės vidutinę RGB reikšmę, tada išrenka N daugiausiai pikselių turinčių grupių, sujungdamas beveik identiškas spalvas (kai Manheteno atstumas RGB erdvėje mažesnis nei 24). Rezultatas – švari, reprezentatyvi paletė, atspindinti tikrąją vizualinę sudėtį, o ne tiesiog tiksliausiai atitinkančias pikselių spalvas. Slankiklis (3–16) leidžia pasirinkti paletės dydį pagal poreikį. Kiekvienas pavyzdys rodo hex reikšmę ir pikselių procentą; spustelėkite, kad nukopijuotumėte atskirai, arba naudokite „Kopijuoti viską“, kad gautumėte visas iš karto.

Tiesioginė peržiūra
example.com
Vaizdo spalvų ekstraktavimo priemonė 8 spalvos ištrauktos
1920 × 1080
40000 pixels sampled
Spalvos
8
Iš naujo ištraukti Kopijuoti viską
#7C3AED
28.4%
#A78BFA
19.2%
#F472B6
14.8%
#FBBF24
11.5%
#6D28D9
9.7%
#E879F9
7.4%
#FCD34D
5.3%
#C026D3
3.7%
Pagrindinės savybės

Akimirksniu ištraukiama paletė

Įkelia bet kokį įprastą vaizdo formatą ir sugeneruoja dominuojančių spalvų paletę per mažiau nei sekundę, net ir dideliems vaizdams.

Tikslūs spalvų svoriai

Kiekviena ištraukta spalva rodo savo procentinę dalį vaizdo plote – iš karto matote, kurios dominuoja, o kurios yra akcentinės.

Reguliuojamas paletės dydis

Slankiklis leidžia pasirinkti 3–16 spalvų. Mažos paletės – prekės ženklo darbui, didesnės – fotografiniams pavyzdžiams.

Kopijavimas vienu paspaudimu

Spustelėkite bet kurį pavyzdį, kad nukopijuotumėte jo hex kodą. Arba naudokite „Kopijuoti viską“, kad gautumėte visą paletę kaip sąrašą, atskirtą naujomis eilutėmis.

Veikia visiškai naršyklėje

Jokio įkėlimo, jokio kreipimosi į serverį, vaizdas niekada nepalieka jūsų kompiuterio. Saugu naudoti privatiems maketams, dar nepaskelbtiems ištekliams ar konfidencialiems kūriniams.

Palaiko visus vaizdo formatus

PNG, JPG, SVG, WebP, GIF, ICO – visi palaikomi per standartinį canvas dekodavimą. Skaidrūs pikseliai automatiškai praleidžiami.

Dažni naudojimo atvejai

Prekės ženklo spalvų ištraukimas

Numeskite logotipo vaizdą, ištraukite tiksliai naudojamas spalvas ir nukopijuokite jas į savo prekės ženklo CSS kintamuosius ar dizaino sistemą.

Fotografinės paletės generavimas

Pateikite įrankiui kraštovaizdžio nuotrauką, kad gautumėte 5 spalvų paletę, atspindinčią jos nuotaiką – naudinga meninei krypčiai ar temos kūrimui.

UI derinimas

Padarykite pavyzdinio UI ekrano nuotrauką, ištraukite paletę ir naudokite tas spalvas savo makete, kad atitiktumėte vizualinį stilių.

Kliento medžiagos analizė

Kai klientas atsiunčia vieną vaizdą kaip prekės ženklo kryptį, ištraukite 8–10 spalvų, kad pasiūlytumėte pradinę paletę, atitinkančią pavyzdį.

Gradientų kūrimas iš vaizdų

Gaukite dvi labiausiai dominuojančias vaizdo spalvas, kad sukurtumėte fono gradientą, papildantį priekinio plano elementą.

Kaip naudoti
1

Atidarykite Image Color Extractor

Spustelėkite Image Colors piktogramą DevSuite Pro doke. Atsidaro skydelis su vietos numetimui zona ir nustatymais.

2

Įkelkite vaizdą

Nuvilkite failą, įklijuokite iš iškarpinės (Ctrl+V) arba spustelėkite, kad atidarytumėte failų parinkiklį. Įrankis automatiškai įkelia ir atrenka pikselius.

3

Pakoreguokite spalvų kiekį

Naudokite slankiklį, kad pasirinktumėte, kiek spalvų ištraukti (3–16). Paletė iš naujo sugeneruojama akimirksniu, kol vilkate slankiklį.

4

Peržiūrėkite paletę

Kiekvienas pavyzdys rodo savo hex kodą ir procentinę dalį vaizdo plote. Ieškokite dominuojančių spalvų – jos turės didžiausius procentus.

5

Kopijuokite spalvas

Spustelėkite bet kurį pavyzdį, kad nukopijuotumėte jo hex kodą, arba naudokite „Kopijuoti viską“, kad gautumėte visą paletę kaip sąrašą naudojimui dizaino įrankyje ar CSS.

Pasiruošę išbandyti?

Įdiekite „DevSuite Pro“ nemokamai ir atrakinkite 64+ kūrėjų įrankius savo naršyklei.

Pridėti prie Chrome Pridėti prie Edge Pridėti prie FireFox