Ingyenes konverter

Színpaletta Kivonó a képből

Azonnal vonja ki a domináns színeket bármely képből. HEX és RGB értékeket kaphat egyetlen kattintással. Ingyenes, biztonságos és teljes mértékben a böngészőjében fut.

Húzza ide a képet

Támogatja a PNG-t, JPG-t, WEBP-t, GIF-et. Max 50 MB.

Vagy

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.

Használati útmutató

Töltse fel, válassza ki a paletta méretét, szerezze be a színeket.

  1. Töltsd fel a képedet: Húzzon egy JPEG, PNG vagy WebP fájlt a feltöltési területre. 50 MB-ig terjedő fájlok támogatottak.
  2. Válassza ki a paletta méretét: 5-8 szín a legtöbb felhasználási esetet lefedi. 3-4 a szorosan fókuszált palettához; 10+ a finoman részletezett extrakcióért. A nagyobb paletták finomabb színeket tartalmaznak, de csökken a hasznosságuk.
  3. Kivonat: A fürtözés a böngészőjében fut. A kisebb paletták gyorsabban kinyerhetők; A nagy felbontású képek nagyobb palettája néhány másodpercet vesz igénybe.
  4. Használja a palettát: A hexadecimális kódok közvetlenül másolhatók. A paletta exportálható JSON, CSS egyéni tulajdonságokként vagy színminta képként.

Gyakori használati esetek

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.

Legjobb gyakorlatok

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.