Az eszközről
A színpaletta kivonás elemzi a képet, és azonosítja a domináns vagy reprezentatív színeket. Az eredmény egy kis színkészlet – jellemzően 5-8 –, amely megragadja a kép vizuális karakterét. A tervezők kinyert palettákat használnak az egyéb dizájnelemek összehangolására (a hősképet kiegészítő felhasználói felület színei, fotózásból származó márkapaletták, hangulatképhez illő színsémák).
A kinyerés fürtöző algoritmusokat (k-átlagokat vagy hasonlókat) használ a kép összes pixelének a kívánt számú színcsoportba történő csoportosítására. Minden fürt közepe palettaszínné válik. A legnagyobb klaszterek a domináns színeket képviselik; Az algoritmus vizuális fontossággal (telítettség, kontraszt) is súlyozhatja a nyers pixelszám helyett a felület feltűnő kiemelő színeit.
Ez az eszköz a böngészőben fut JavaScript használatával. A kép képpontadatokká dekódolva, mintavételezéssel a számítás csökkentése érdekében, és fürtözött. A kimenet a paletta hexadecimális kódokkal, RGB-értékekkel és arányos sávokkal, amelyek az egyes színek képen való előfordulását mutatják.
Miért bontsa ki a színpalettákat?
A meglévő képekkel összhangban lévő darabok tervezése sokkal gyorsabb a kivont palettákkal, mint a színek szemrevételezése. A webdesignerek a hősök képei köré nyitóoldalakat építenek, a marketingszakemberek olyan eszközöket állítanak elő, amelyek megfelelnek egy kulcsfontosságú termékfotónak, és a versenytársak képeit elemző márkatervezők egyaránt profitálnak az algoritmikus palettakivonatból.
A paletták a tartalomkezelést is támogatják. A képek domináns színek szerinti kategorizálása lehetővé teszi olyan felületek létrehozását, amelyeken a felhasználók szín szerint böngészhetik a fényképeket, termékeket vagy terveket. Egy ilyen rendszer felépítéséhez a paletták szisztematikus kibontása szükséges, amit a programozott kibontás lehetővé tesz.
Műszaki részletek
K-közép klaszterezési iterációk: minden pixel hozzárendelése a legközelebbi klaszterközépponthoz, a központok újraszámítása a hozzárendelt pixelek átlagaként, ismételje meg a konvergencia eléréséig. A teljes felbontású képeken a futás lassú; a mintavételezés (minden N-edik pixel felvétele) minimális minőségveszteséggel gyorsul.
A színtér számít. Az RGB-ben történő klaszterezés RGB távolsággal súlyozott palettákat hoz létre, amelyek nem egyeznek az észlelési távolsággal. A LAB-ban vagy HSV-ben történő klaszterezés érzékelési szempontból jobban igazított palettákat eredményez – a hasonlónak tűnő színek megbízhatóbban csoportosulnak.
Kimenet: hexadecimális kódok az egyes fürtközpontokhoz, plusz a képpontok százalékos aránya az egyes klaszterekben. A százalék a vizuális prevalenciát jelenti; a legnagyobb fürt a legdominánsabb szín.
Gyakran ismételt kérdések
- Hány színt vonnak ki?
- Az eszköz jellemzően 5-8 domináns színt von ki a kép bonyolultságától függően. Az egyszerű képek kevés színnel kevesebb, jobban megkülönböztethető mintát eredményeznek. Az összetett fényképek szélesebb skálát eredményeznek.
- Hogyan működik a kinyerési algoritmus?
- Az eszköz színkvantálást (medián vágás vagy k-közép klaszterezés) használ a hasonló pixelek csoportosítására és a legreprezentatívabb színek azonosítására. Ez vizuálisan értelmes színeket eredményez, nem pedig a leggyakoribb egypixeles értékeket.
- Használhatok kivont színeket a márkámhoz?
- Igen. Ez egy népszerű technika a márkapaletták levezetésére hangulattáblákból, fényképekből vagy termékképekből. A kivont hexadecimális kódok közvetlenül felhasználhatók a CSS-ben, a tervezőeszközökben vagy a márkairányelvekben.
- Miért nem egyeznek a kivont színek pontosan azzal, amit látok?
- A színkivonás a hasonló képpontokat csoportosítja. A szemnek egy színnek tűnő színátmenet egy kissé eltérő árnyalatra átlagolható. A monitor kalibrálása a színek képernyőn való megjelenését is befolyásolja.
- Milyen formátumú a kimenet?
- Alapértelmezés szerint hexadecimális kódok. A legtöbb eszköz RGB, HSL és más színtér értékeket is exportál. Az egyéni CSS-tulajdonságok vagy a JSON-kimenet hasznosak programozott használatra.
- Fel van töltve a képem egy szerverre?
- Nem. A kicsomagolás a böngészőjében történik.
- Megfelel a paletta a márkaidentitásnak?
- Az algoritmikus kinyerés leíró jellegű, nem előíró jellegű. A kimenet leírja a képet; a márka rokon, de eltérő palettával rendelkezhet. Használja kiindulási pontként a kivonást, majd finomítsa a márkaigazításhoz.
- Kivonhatok egy videóból?
- Egykeretes kihúzás csak ezzel az eszközzel. A videopaletta kinyeréséhez vegyen mintát a képkockákból és kivonatokból mindegyikből, majd összesítse.