CDRN

Udtræk dominerende farver fra et billede

  • Dashboard
  • Dokumentation
  • API
udtrækker dominerende farver fra et billede og sammensætter en harmonisk palet klar til brug (HEX, RGB, HSL). Ideel til at udlede en visuel identitet eller hente inspiration fra et foto

Hvorfor bruge et farvepaletekstraktionsværktøj?

Det er vigtigt for designere og udviklere at udtrække farvepaletten fra et billede. Dette værktøj forenkler processen ved hurtigt og præcist at udtrække dominerende farver fra et billede, gruppere lignende farver sammen, hvilket gør det nemmere at skabe harmoniske farvepaletter til dine projekter.

Funktioner i Color Palette Extractor Tool

Dette farvepaletekstraktionsværktøj giver dig mulighed for at uploade et foto og udtrække de dominerende farver fra billedet. Den bruger en klyngealgoritme til at gruppere lignende farver sammen, hvilket giver dig mulighed for øjeblikkeligt at opnå en harmonisk farvepalet til dine design- og udviklingsprojekter.

Sådan bruger du farvepaletekstraktionsværktøjet

Følg disse enkle trin for at bruge farvepaletekstraktionsværktøjet:

  1. Upload et billede ved hjælp af formularen til dette formål.
  2. Klik på knappen "Udpak". Værktøjet vil analysere billedet og vise den udtrukne farvepalet og gruppere lignende farver.

Eksempel på brug af farvepaletekstraktionsværktøjet

Her er et eksempel på en farvepalet udtrukket fra et foto:

#cececc

#262123

#daad90

#229fbd

Ofte stillede spørgsmål

Hvilke billedformater accepteres?

Udtrækkeren accepterer klassiske bitmapbilleder fra nettet: JPG, JPEG, PNG, GIF og WebP. Vektorbilleder (SVG) er ikke relevante for denne behandling, da de allerede beskriver deres farver i koden. For en SVG-fil skal du åbne den i en teksteditor og læse HEX-værdierne direkte i attributterne fill og stroke.

Hvad er den maksimalt accepterede billedstørrelse?

Filer på op til omkring 10 MB passerer uden problemer. Ud over det er behandling fortsat mulig, men bremser betydeligt. For at fremskynde udtrækningen af et foto i meget høj opløsning skal du ændre størrelsen på det til cirka 1500 px bredt: Den dominerende palet forbliver den samme, analysen er meget hurtigere.

Hvad er forskellen mellem en paletudtrækker og en farvevælger?

En farvevælger returnerer farven på en bestemt pixel, der er målrettet mod musen. Paletudtrækkeren analyserer hele billedet, grupperer visuelt tætte pixels sammen ved at klynge sammen, og returnerer derefter de dominerende n farver. Vælgeren er nyttig til at påpege en detalje, udtrækkeren til at forstå den overordnede kromatiske atmosfære af et billede.

Hvordan grupperer algoritmen farver?

Værktøjet bruger k-betyder clustering i RGB-rum: hver pixel bringes tættere på det nærmeste klassecenter, derefter genberegnes centrene ved hver iteration indtil stabilisering. Resultatet er en liste over repræsentative farver, udtrykt i HEX, som opsummerer billedet uden støj.

Er mit billede gemt på serveren?

Billedet sendes til serveren til pixel-for-pixel-analyse og destrueres derefter umiddelbart efter udtrækning fra paletten. Ingen filer gemmes på disken. EXIF-metadata (geoplacering, kameramodel) bruges ikke og forsvinder med den originale fil.

Hvad bruges en udtrukket palette egentlig til?

Der er mange anvendelsesmuligheder: vedhæft et grafisk charter til et produktfoto, omfarv et købmandssted, så det matcher atmosfæren af en visuel helt, udfyld et mørkt tema fra et værk, eller generer design-tokens i en CSS-, SASS- eller Tailwind-fil. Den resulterende palet kan derefter forfines i Palette Generator eller konverteres med Color Converter.

Anmodningseksempel

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

Inputskema

Felt Type Påkrævet Standard
image file ✓ –
number integer ✓ –

dette værktøj forventer en fil - brug Content-Type multipart/form-data i stedet for application/json

Endpoints

  • GET https://cdrn.fr/api/v1/tools - lister alle tilgængelige værktøjer
  • GET https://cdrn.fr/api/v1/tools/color-extractor - henter skemaet for dette værktøj
  • POST https://cdrn.fr/api/v1/tools/color-extractor/execute - udfører dette værktøj med et JSON-payload