Tasuta konverter

Värvipalett Ekstraktor pildist

Eraldage mis tahes pildilt koheselt domineerivad värvid. Hankige HEX- ja RGB-väärtused ühe klõpsuga. Tasuta, turvaline ja töötab täielikult teie brauseris.

Lohistage pilt siia

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

Või

Sellest tööriistast

Värvipaleti eraldamine analüüsib pilti ja tuvastab domineerivad või tüüpilised värvid. Tulemuseks on väike värvikomplekt – tavaliselt 5–8 –, mis jäädvustavad pildi visuaalse iseloomu. Disainerid kasutavad ekstraheeritud palettide kooskõlastamiseks muid disainielemente (kasutajaliidese värvid, mis täiendavad kangelase pilti, fotograafiast tuletatud brändipaletid, meeleolupildiga sobivad värvilahendused).

Ekstraheerimine kasutab rühmitamise algoritme (k-keskmised või sarnased), et rühmitada kõik pildi pikslid soovitud arvu värviklastritesse. Iga klastri keskpunkt muutub paletivärviks. Suurimad klastrid esindavad domineerivaid värve; Algoritm võib pinna silmatorkavaid aktsentvärve kaaluda ka visuaalse tähtsuse (küllastus, kontrast), mitte töötlemata pikslite arvu järgi.

See tööriist töötab teie brauseris JavaScripti abil. Pilt dekodeeritakse piksliandmeteks, arvutatakse arvutuste vähendamiseks valimid ja rühmitatakse. Väljund on kuueteistkümnendkoodide, RGB-väärtuste ja proportsionaalsete ribadega palett, mis näitavad iga värvi levimust pildil.

Miks ekstraheerida värvipalette

Olemasolevate kujutistega kooskõlas olevate tükkide kujundamine on eraldatud palettidega palju kiirem kui värvide silma järgi valimine. Algoritmilisest paleti ekstraheerimisest saavad kasu veebidisainerid, kes loovad kangelaste piltide ümber sihtlehti, turundajad, kes toodavad varasid, mis vastavad võtmetoote fotole, ja brändidisainerid, kes analüüsivad konkurentide pilte.

Paletid toetavad ka sisuhaldust. Kujutiste liigitamine domineerivate värvide järgi võimaldab teil luua liideseid, kus kasutajad sirvivad fotosid, tooteid või kujundusi värvide järgi. Sellise süsteemi loomine nõuab palettide süstemaatilist ekstraheerimist, mida võimaldab programmiline ekstraheerimine.

Kuidas kasutada

Laadige üles, valige paleti suurus, hankige värvid.

  1. Laadige oma pilt üles: Lohistage JPEG, PNG või WebP üleslaadimisalale. Toetatakse kuni 50 MB faile.
  2. Valige paleti suurus: 5-8 värvitooni katab enamiku kasutusjuhtumeid. 3-4 tihedalt fokusseeritud paleti jaoks; 10+ peente detailide ekstraheerimiseks. Suuremad paletid sisaldavad peenemaid värve, kuid nende kasulikkus väheneb.
  3. Väljavõte: Klasterdamine töötab teie brauseris. Väiksemad paletid ekstraheeritakse kiiremini; suure eraldusvõimega piltide palettide saamiseks kulub paar sekundit.
  4. Kasutage paletti: Kuueteistkümnendkoode saab otse kopeerida. Paletti saab eksportida JSON-i, CSS-i kohandatud atribuutidena või värviproovi kujutisena.

Levinud kasutusjuhtumid

Tehnilised üksikasjad

K-keskmised klastrite iteratsioonid: määrake iga piksel lähimasse klastri keskpunkti, arvutage keskpunktid ümber määratud pikslite keskmisena, korrake kuni lähenemiseni. Täiseraldusvõimega piltidel töötamine on aeglane; proovivõtt (võtab iga N-nda piksli) kiireneb minimaalse kvaliteedikaotusega.

Värviruum on oluline. RGB rühmitamine loob RGB kaugusega kaalutud palettid, mis ei ühti tajukaugusega. Klasterdamine LAB-is või HSV-s loob paremini tajutava joondusega paletid – sarnased värvid rühmitavad kokku usaldusväärsemalt.

Väljund: iga klastri keskpunkti kuueteistkümnendkoodid, millele lisandub igas klastris olevate pildipikslite protsent. Protsent näitab visuaalset levimust; suurim kobar on kõige domineerivam värv.

Parimad tavad

Korduma kippuvad küsimused

Kui palju värve ekstraheeritakse?
Tööriist eraldab tavaliselt 5–8 domineerivat värvi, olenevalt pildi keerukusest. Lihtsad, väheste värvidega pildid toodavad vähem eristuvaid näidiseid. Komplekssed fotod annavad laiema valiku.
Kuidas ekstraheerimisalgoritm töötab?
Tööriist kasutab sarnaste pikslite rühmitamiseks ja kõige tüüpilisemate värvide tuvastamiseks värvide kvantiseerimist (mediaan cut või k-means klasterdamine). See tekitab visuaalselt tähendusrikkaid värve, mitte kõige tavalisemaid ühe piksli väärtusi.
Kas ma saan oma kaubamärgi jaoks kasutada ekstraheeritud värve?
Jah. See on populaarne tehnika brändipalettide tuletamiseks meeleolutahvlitest, fotodest või tootepiltidest. Ekstraheeritud kuueteistkümnendkoode saab kasutada otse CSS-is, disainitööriistades või brändijuhistes.
Miks ei kattu eraldatud värvid täpselt sellega, mida ma näen?
Värvi ekstraheerimine rühmitab sarnased pikslid kokku. Gradient, mis näeb silmale üht värvi, võib olla keskmistatud veidi erinevaks tooniks. Samuti mõjutab monitori kalibreerimine seda, kuidas värvid ekraanil kuvatakse.
Mis vormingus on väljund?
Vaikimisi kuueteistkümnendkoodid. Enamik tööriistu ekspordib ka RGB-, HSL-i ja muid värviruumi väärtusi. CSS-i kohandatud atribuudid või JSON-väljund on kasulikud programmiliseks kasutamiseks.
Kas mu pilt on serverisse üles laaditud?
Ei. Ekstraheerimine toimub teie brauseris.
Kas palett sobib brändi identiteediga?
Algoritmiline ekstraheerimine on kirjeldav, mitte ettekirjutav. Väljund kirjeldab pilti; kaubamärgil võib olla seotud, kuid erinev palett. Kasutage lähtepunktina ekstraheerimist, seejärel viimistlege kaubamärgi joondamiseks.
Kas ma saan videost väljavõtte?
Ühe kaadri eemaldamine ainult selle tööriistaga. Videopaleti eraldamiseks proovige kaadreid ja ekstraktige neist igaühest, seejärel koondage.