Färgpalett från bild
Extrahera en balanserad och redigerbar färgpalett från valfri bild och kopiera, jämför, dela eller exportera sedan färgerna till din nästa design.
Dina bilder och färger stannar i webbläsaren och laddas aldrig upp.
Dra och släpp dina bilder
eller klicka nedan för att bläddra bland dina filer
Upp till 10 bilder · bearbetas lokalt · inget laddas upp
Paletten extraheras lokalt på din enhet. Dina bilder och färger stannar i webbläsaren och laddas aldrig upp.
Ett komplett arbetsflöde för bildpaletter
Extraheringsstilar för olika behov
Välj balanserade, livfulla, dämpade, ljusa, mörka eller dominerande resultat och lås viktiga färger när du skapar paletten på nytt.
En riktig palettredigerare
Lägg till, ta bort, ordna om, byt namn på och lås enskilda färgrutor samt tilldela dem semantiska roller.
Inbyggd kontrastvägledning
Jämför färgpar mot kontrastkraven i WCAG 2.x innan du använder färgerna för text och bakgrunder.
Lokalt och privat
Avkodning, palettanalys, redigering och export sker i din webbläsare.
Så skapar du en färgpalett från en bild
- 1
Lägg till en eller flera bilder
Välj filer, släpp eller klistra in bilder, läs in en direkt HTTPS-adress till en bild eller prova den medföljande exempelbilden.
- 2
Finjustera de extraherade färgerna
Ändra palettstil och antal färger, fokusera på ett område, välj exakta punkter, redigera färgrutor och lås färger som du vill behålla.
- 3
Kopiera eller exportera
Kopiera enskilda värden eller ladda ned paletten i ett format för utveckling, design, bilder, PDF eller batchbearbetning.
Varför extrahera färger från ett foto?
Ett foto, en logotyp, en skärmbild, ett konstverk, en produktbild eller en moodboard kan bli ett återanvändbart färgsystem för en webbplats, ett varumärke, en presentation, ett rum, ett evenemang eller en illustration. Automatiska färger hämtas från perceptuella kluster i källan; manuellt valda och angivna färger förblir tydligt märkta.
Välj rätt storlek och stil på paletten
Börja med åtta färger och välj sedan 2–24 för automatisk extrahering. Balanserad blandar dominerande färger och accentfärger; Livfull, Dämpad, Ljus, Mörk och Dominerande ändrar hur verkliga kluster i källan poängsätts. Små accenter kan utelämnas, så analysera ett mindre område eller välj och lås färgen innan du skapar paletten på nytt.
Dominerande färger, accentfärger och procentandelar
Procentandelarna beskriver de inkluderade bildpunkterna med aktuellt område och aktuell transparensregel och avrundas till totalt 100 %. Ett manuellt värde gör inget anspråk på förekomst om det inte fortfarande är kopplat till ett källkluster. Lås användbara färger för att behålla dem när resten ersätts.
Färgformat och palettexporter
Kopiera HEX, RGB, HSL eller OKLCH och exportera CSS, SCSS, Tailwind, DTCG-tokens, JSON, CSV, TXT, GPL, ASE, SVG, PNG, kollage, PDF eller ZIP-filer för batcher. Offentliga färgvärden använder sRGB. Generiska CMYK-värden är uppskattningar, inte exakta matchningar för tryck eller Pantone.
Privat, lokal bildbehandling
Filavkodning, extrahering, redigering, delning och export sker i webbläsaren utan att källan laddas upp till FastImageTools. I läget för direktadresser kontaktar webbläsaren adressen du anger, vilket kräver att den servern tillåter CORS-åtkomst.
Färgpalett från foto, logotyp, skärmbild eller konstverk
Använd transparensinställningarna för logotyper och säkra SVG-filer, eller markera ett analysområde när bakgrunden dominerar. För animerade GIF-filer används den första bildrutan och för flersidiga TIFF-filer den första sidan. Inbäddade profiler konverteras när det stöds; annars uppger verktyget att sRGB förutsätts.
Bildformat som stöds
JPG
Foton och kamerabilder
PNG
Förlustfria bilder med transparens
WebP
Modernt webbformat
AVIF
Högeffektivt webbformat
HEIC / HEIF
Mobil- och kamerafoton
GIF
Den första bildrutan analyseras
TIFF
Den första sidan analyseras
SVG
Säkra, fristående vektorbilder
Vanliga frågor om färgpaletter från bilder
Hur skapar jag en färgpalett från en bild?+−
Kan jag kopiera HEX-, RGB-, HSL- och OKLCH-värden?+−
Visas procentandelar för dominerande färger?+−
Laddas min bild upp?+−
Hur väljer extraheraren färger?+−
Hur många färger kan jag extrahera?+−
Vilka bildformat stöds?+−
Hur hanteras transparenta bildpunkter?+−
Kan jag behålla vissa färger och skapa resten på nytt?+−
Kan jag skapa en palett från flera bilder?+−
Kan jag exportera till CSS, Tailwind, ASE, PNG eller PDF?+−
Är CMYK- eller Pantone-värdena exakta?+−
Fungerar det på mobilen?+−
Fortsätt med bilden och färgerna
Välj en exakt bildpunkt, granska källfilen, redigera bilden eller konvertera den och behåll ditt lokala arbetsflöde.