Színpaletta képből

Hogyan nyerj ki színpalettát egy képből

1. Húzz egy képet a feltöltési területre, vagy kattints rá egy fájl kiválasztásához. A JPG, PNG, WebP, GIF és bármilyen más, a böngésződ által megjeleníthető formátum működik.
2. Az eszköz azonnal elemzi a képet, és megmutatja a Domináns színeket, a leggyakoribbtól a legkevésbé jelenlévőig rendezve.
3. Állítsd be a Színek száma értéket (3-tól 12-ig), hogy szélesebb vagy szűkebb palettát kapj. Szüntesd meg a Fehér és közel fehér képpontok kihagyása jelölését, ha a fehér fontos színe a képednek, például egy fehér termék vagy a hó esetén.
4. Egyetlen színt a színminta alatti Másolás gombbal másolhatsz ki, vagy válassz formátumot az Exportálás mint listában (HEX-lista, CSS-változók, SCSS-változók, JSON-tömb vagy Tailwind-színek), és az egész palettát a Másolás vagy a Letöltés gombbal viheted el. A Színek kinyerése újra lefuttatja az elemzést.

A képedet a böngésződ helyben olvassa be. Soha nem kerül feltöltésre a szerverre.

Hogyan találja meg a domináns színeket?

A képet először egy láthatatlan canvasra rajzoljuk, úgy kicsinyítve, hogy a leghosszabb oldala legfeljebb 512 képpont legyen. Ez gyorssá teszi az elemzést anélkül, hogy az összképet megváltoztatná. A képpontokat ezután egy kvantálási algoritmussal csoportosítjuk (módosított mediánvágás, a nyílt forráskódú Color Thief könyvtárból) az OKLCH színtérben dolgozva, így a szemnek hasonlónak tűnő színek ugyanabba a csoportba kerülnek.

Minden csoportból a paletta egy színe lesz, és az egyes színminták alatti százalék a mintavételezett képpontokból való részesedése. A színminták feletti sáv egy pillantásra mutatja ezeket az arányokat. Az átlátszó képpontokat kihagyjuk, és a fehér és közel fehér képpontokat is, amíg az opció be van jelölve, mert az egyszerű fehér háttér különben a legtöbb termékfotón és képernyőképen dominálna.

Minden színminta a HEX-kódját mutatja feketével vagy fehérrel, amelyik jobban olvasható, így a felirat világos és sötét színeken is olvasható marad.

Ötletek a képből készült paletta felhasználására

• Márkaépítés és webdizájn: építs weboldal-témát egy főoldali fotóból vagy logóból, hogy a felület illeszkedjen a képhez.
• Prezentációk és közösségi média: válassz egy borítóképhez illő szöveg- és háttérszíneket.
• Belsőépítészet, divat és művészet: ragadd meg egy fotó, festmény vagy szövetminta hangulatát.
• Adatvizualizáció: vedd a diagram színeit ugyanabban a jelentésben használt illusztrációból.

A kinyert színek sok képpont átlagai, ezért kissé kevésbé élénknek tűnhetnek, mint a fotó legtelítettebb pontja. Ha egy adott képpont pontos színére van szükséged, használj helyette képből színválasztó eszközt.