Extrahera de dominerande färgerna från en bild

Panel
Dokumentation
API

extraherar de dominerande färgerna från en bild och sätter ihop en harmonisk färdig palett (HEX, RGB, HSL). Idealiskt för att härleda en varumärkesidentitet eller hämta inspiration från ett foto

Varför använda ett verktyg för att extrahera färgpaletter?

Att extrahera en färgpalett från ett foto är avgörande för designers och utvecklare. Detta verktyg förenklar processen genom att snabbt och precist extrahera dominerande färger ur en bild, gruppera liknande färger och därmed underlätta skapandet av harmoniska färgpaletter för dina projekt.

Egenskaper hos verktyget för palettextrahering

Detta verktyg för palettextrahering låter dig ladda upp ett foto och extrahera bildens dominerande färger. Det använder en klusteringsalgoritm för att gruppera liknande färger, så att du omedelbart får en harmonisk färgpalett för dina design- och utvecklingsprojekt.

Så använder du verktyget för palettextrahering

För att använda verktyget för palettextrahering, följ dessa enkla steg:

Ladda upp ett foto via det avsedda formuläret.
Klicka på knappen "Extrahera". Verktyget analyserar bilden och visar den extraherade färgpaletten, med liknande färger grupperade.

Exempel på användning av palettextraheringsverktyget

Här är ett exempel på en färgpalett extraherad från ett foto:

#cececc

#262123

#daad90

#229fbd

Vanliga frågor

Vilka bildformat accepteras?

Extraktorn accepterar de klassiska bitmapformaten på webben: JPG, JPEG, PNG, GIF och WebP. Vektorbilder (SVG) är inte relevanta för den här behandlingen, eftersom de redan beskriver sina färger i koden. För en SVG-fil, öppna den i en texteditor och läs HEX-värdena direkt i attributen fill och stroke.

Vilken är den maximala bildstorleken?

Filer upp till ungefär 10 MB går igenom utan svårighet. Bortom det är behandling fortfarande möjlig men blir märkbart långsammare. För att snabba upp extraheringen av ett högupplöst foto, ändra storlek till cirka 1500 px bred: den dominerande paletten förblir densamma och analysen går mycket snabbare.

Vad är skillnaden mellan en palettextraktor och en color picker?

En color picker returnerar färgen på en exakt pixel som väljs med musen. Palettextraktorn analyserar hela bilden, grupperar visuellt närliggande pixlar genom klustring och returnerar de n dominerande färgerna. Pickern är användbar för att peka ut en detalj, extraktorn för att förstå en bilds övergripande kromatiska stämning.

Hur grupperar algoritmen färgerna?

Verktyget använder klustring av typen k-means i RGB-rymden: varje pixel knyts till närmaste klasscenter, sedan räknas centren om vid varje iteration tills stabilisering. Resultatet är en lista över representativa färger, uttryckta i HEX, som sammanfattar bilden utan brus.

Lagras min bild på servern?

Bilden skickas till servern under pixel-för-pixel-analysen och förstörs sedan omedelbart efter palettextraktionen. Ingen fil sparas på disk. EXIF-metadata (geolokalisering, kameramodell) utnyttjas inte och försvinner med originalfilen.

Vad används en extraherad palett konkret till?

Användningsområdena är många: anpassa en grafisk profil till ett produktfoto, färgsätta en e-handelssajt för att matcha en hero-bilds stämning, mata ett mörkt tema från ett konstverk eller generera designtokens i en CSS-, SASS- eller Tailwind-fil. Den erhållna paletten kan sedan finjusteras i palettgeneratorn eller konverteras med färgkonverteraren.

Exempelförfrågan

curl -X POST https://cdrn.fr/api/v1/tools/color-extractor/execute \
  -F "image=@/path/to/file" \
  -F "number=1"

Indatasschema

Fält	Typ	Obligatorisk	Standard
`image`	file	✓	–
`number`	integer	✓	–

detta verktyg förväntar sig en fil - använd Content-Type multipart/form-data istället för application/json

Slutpunkter

GET https://cdrn.fr/api/v1/tools - listar alla tillgängliga verktyg
GET https://cdrn.fr/api/v1/tools/color-extractor - hämtar schemat för detta verktyg
POST https://cdrn.fr/api/v1/tools/color-extractor/execute - kör detta verktyg med en JSON-payload