Palett-extraktor

Släpp ett foto, en målning, en skärmdump eller en moodboard-bild; få tillbaka de 5–10 dominerande färgerna med HEX-värden. Bygg paletter från ditt varumärkesfotografi, ta prov på toner från en favoritmålning eller extrahera färgerna från en solnedgång för ett bakgrundsbildsanpassat designsystem.

Hur extrahering fungerar

Verktyget klustrar varje pixel i bilden efter färglikhet (k-means i CIE Lab-utrymme, som approximerar hur människor uppfattar färgskillnad). Klustercentrumen blir dina dominerande färger. Du väljer antalet kluster (5 som standard; upp till 10 för rikare bilder).

Klustring i Lab-utrymme är viktigt: att göra det i rå RGB ger dig visuellt liknande dubbletter och missar subtila nyansskillnader som ögat uppfattar. Lab matchar mänsklig perception, så paletten känns rätt.

Vad du får tillbaka

• 5 (eller 10) HEX-färgrutor rankade efter täckt yta.
• RGB och HSL för varje färg.
• Nedladdning av palettfärgruta som PNG (för delning) eller SVG (för designfiler).
• CSS-variabelutdrag redo att klistra in i din stilmall.
• Tailwind-konfigurationsutdrag redo för tailwind.config.js.

Vanliga arbetsflöden

1. Varumärkespalett från produktfotografi. Ladda upp din hjältebild; bygg varumärket från dess toner.
2. Bakgrundsbildsanpassat UI-tema. Extrahera från din favoritbakgrundsbild; använd paletten som ditt apptema.
3. Målningsreferens för digital konst. Ta prov på mästarens palett innan du målar din egen scen.
4. Moodboard-syntes. Kombinera flera referenser till en palett genom att extrahera från var och en och slå samman favoriterna.

Kombinera med relaterade verktyg

När du har en palett kan du bygga övertoningar mellan angränsande färger med Gradient Generator, eller konvertera till tryckfärdigt CMYK med Color Converter. För att istället plocka en enskild färg från en specifik punkt i bilden, använd Color Picker.