← Vissza a funkciókhoz
Free

Kép színkinyerő

A Kép színkinyerő elemez bármilyen képfájlt (húzza be, illessze be, vagy kattintson a betöltéshez), és akár 16 domináns színt ad vissza százalékos súlyokkal. Böngészőn belüli pixelmintavételt és bucket-kvantálást használ — nincs feltöltés, nincs szerveroldali kommunikáció. Kattintson bármelyik színmintára a hex kimásolásához, vagy használja az Összes másolása gombot a teljes palettához.

A tervezőknek és fejlesztőknek folyamatosan szükségük van színek kinyerésére képekből — márkaszínek kiemelésére egy logóból, paletta készítésére egy fotóból, vagy a felület illesztésére egy referenciaanyaghoz. A Kép színkinyerő ezt a böngészőben, feltöltés nélkül végzi el. Húzzon be, illesszen be, vagy kattintson egy kép betöltéséhez (PNG, JPG, SVG, WebP, GIF). Az eszköz a kép lekicsinyített változatát rajzolja egy canvasra, mintát vesz minden 4. pixelből, csoportosítja ezeket egy csökkentett színtérbe (5 bit csatornánként, kb. 32 ezer csoport), átlagolja az egyes csoportok tényleges RGB-értékét, majd kiválasztja a legnépesebb N csoportot, közben egyesítve a majdnem egyforma színeket (24 Manhattan-távolságon belül RGB-ben). Az eredmény egy tiszta, reprezentatív paletta, amely a tényleges vizuális összetételt tükrözi — nem csak a legpontosabban egyező pixelszíneket. Egy darabszám-csúszka (3–16) lehetővé teszi a palettaméret beállítását az igényei szerint. Minden színminta megjeleníti a hex értéket és a pixelek százalékos arányát; kattintson az egyedi másoláshoz, vagy használja az Összes másolása funkciót az egy lépésben történő kinyeréshez.

Élő előnézet
example.com
Képszín extraktáló 8 szín kinyerve
1920 × 1080
40000 pixels sampled
Színek
8
Ismét kinyerés Az összes másolása
#7C3AED
28.4%
#A78BFA
19.2%
#F472B6
14.8%
#FBBF24
11.5%
#6D28D9
9.7%
#E879F9
7.4%
#FCD34D
5.3%
#C026D3
3.7%
Főbb jellemzők

Azonnali palettakinyerés

Bármely gyakori képformátumot betölt, és jóval egy másodpercen belül elkészíti a domináns színek palettáját, még nagy képek esetén is.

Pontos színsúlyok

Minden kinyert szín megmutatja a kép területéhez viszonyított százalékos arányát — egy pillantásra látja, melyek dominánsak és melyek csak akcentusszínek.

Állítható palettaméret

Csúszkával választhat 3–16 szín között. Kis paletták márkamunkához, nagyobbak fotós referenciákhoz.

Egykattintásos másolás

Kattintson bármelyik színmintára a hex érték kimásolásához. Vagy használja az Összes másolása gombot a teljes paletta soronkénti listaként történő megszerzéséhez.

Teljesen a böngészőben fut

Nincs feltöltés, nincs szerverhívás, a kép soha nem hagyja el a gépét. Biztonságos privát makettekhez, meg nem jelent anyagokhoz vagy érzékeny alkotásokhoz.

Minden képformátumot kezel

PNG, JPG, SVG, WebP, GIF, ICO — mind támogatott a szabványos canvas-dekódoláson keresztül. Az átlátszó pixelek automatikusan kimaradnak.

Gyakori használati esetek

Márkaszín-kinyerés

Húzzon be egy logóképet, nyerje ki a használt pontos színeket, és másolja be őket a márka CSS változóiba vagy a tervrendszerbe.

Fotós paletta generálása

Adjon egy tájfotót az eszköznek, hogy egy 5 színű palettát kapjon, amely megragadja annak hangulatát — hasznos art directionhöz vagy témaépítéshez.

UI illesztés

Készítsen képernyőképet egy referenciafelületről, nyerje ki a palettát, és használja a színeket saját makettjében a vizuális hatás illesztéséhez.

Ügyfélanyagok elemzése

Amikor egy ügyfél egyetlen képet küld márkairányként, nyerjen ki 8-10 színt, hogy javasoljon egy kiinduló palettát, amely hű marad a referenciához.

Színátmenetek készítése képekből

Vegye ki a két legdominánsabb színt egy képből, hogy háttér-színátmenetet készítsen, amely kiegészíti az előtérben lévő elemet.

Használati útmutató
1

Nyissa meg a Kép színkinyerőt

Kattintson a Kép színek ikonra a DevSuite Pro dokkban. Megnyílik egy panel egy húzási zónával és beállításokkal.

2

Töltsön be egy képet

Húzzon be egy fájlt, illessze be a vágólapról (Ctrl+V), vagy kattintson a fájlválasztó megnyitásához. Az eszköz automatikusan betölti és mintát vesz a pixelekből.

3

Állítsa be a színek számát

Használja a csúszkát a kinyerendő színek számának beállításához (3–16). A paletta húzás közben azonnal újragenerálódik.

4

Tekintse át a palettát

Minden színminta mutatja a hex kódját és a kép területéhez viszonyított százalékos arányát. Keresse a domináns színeket — ezeknél lesz a legmagasabb a százalék.

5

Másolja ki a színeket

Kattintson bármelyik színmintára a hex kimásolásához, vagy használja az Összes másolása funkciót a teljes paletta listaként történő megszerzéséhez a tervezőeszközéhez vagy CSS-éhez.

Készen áll a kipróbálásra?

Telepítse ingyen a DevSuite Pro-t, és oldjon fel 64+ fejlesztői eszközt böngészőjéhez.

Hozzáadás a Chrome-hoz Hozzáadás az Edge-hez Hozzáadás a FireFoxhoz