Udtræk en farvepalette fra et billede

Sådan får du en farvepalette fra et billede

Vælg en billedfil, træk den til uploadområdet, eller indsæt et billede fra udklipsholderen. Browseren afkoder billedet og undersøger et mindre udsnit af de synlige pixels. Lignende nuancer grupperes, så paletten repræsenterer de farver, der fylder mest visuelt, ikke alle enkeltstående pixelværdier.

1. Tilføj et foto, logo, en illustration, et skærmbillede eller en anden billedfil, som browseren kan åbne.
2. Efter indlæsning oprettes automatisk en palette med fem dominerende farver.
3. Vælg 3, 5 eller 8 farver, afhængigt af hvor detaljeret din reference skal være.
4. Kopiér enkelte farver eller hele paletten til dit næste design- eller udviklingsarbejde.

Et foto kan indeholde lys, skygger og store baggrundsflader, mens et enkelt ikon kan have ganske få synlige farver. Resultatet afspejler det, der er i billedet, og fyldes ikke kunstigt ud.

Dominerende farver frem for én pixel

Denne side giver en flerfarvet opsummering af et helt billede: de toner, der præger et foto, en illustration, et logo eller et skærmbillede set under ét. Den finder ikke den nøjagtige værdi på et bestemt punkt.

Har du brug for en enkelt pixels præcise farve, så vælg en nøjagtig farve fra et billede. Vil du i stedet danne komplementære, analoge eller andre teoretiske forhold fra en grundfarve, kan du oprette en farveharmoni fra en grundfarve. Denne udtrækker opsummerer kun farver, der allerede er synlige i billedet.

Kopiér paletten som HEX, RGB eller CSS-variabler

Hvert farvefelt har både en HEX-værdi og en RGB-værdi med egne kopieringsknapper. Du kan også kopiere alle HEX-værdier som en liste med én farve pr. linje til noter, referencer eller et moodboard.

Kopiering som CSS-variabler giver en :root-blok med navne som --cp-1, --cp-2 og --cp-3. Den kan bruges som et hurtigt udgangspunkt i en prototype eller et stylesheet, hvorefter kontrast og tilgængelighed bør vurderes separat.

Dit billede forbliver privat

Behandlingen foregår helt i din browser. Billedet sendes ikke til ColourPicker.app eller en ekstern billedtjeneste og gemmes ikke på en server. Den lokale forhåndsvisning er midlertidig og frigives, når du vælger et andet billede eller forlader siden.

Kun synlig farveinformation analyseres. Effektivt gennemsigtige pixels ignoreres, så en gennemsigtig baggrund eksempelvis i et PNG-logo ikke fejlagtigt bliver en dominerende farve.

Hvorfor et billede kan give færre farver

Valget af 3, 5 eller 8 farver er et maksimum og ikke et løfte om ekstra felter. En enkel figur, flad grafik, tofavet logo eller næsten gennemsigtigt billede kan have færre forskellige synlige farver end den valgte størrelse.

I så fald viser værktøjet den mindre, ærlige palette. Det duplikerer ikke farver og opfinder ikke varianter for at nå et bestemt antal.

Ofte stillede spørgsmål

Hvordan udtrækker jeg en farvepalette fra et billede?

Upload, træk ind eller indsæt et billede. Værktøjet grupperer de synlige dominerende farver i en palette med 3, 5 eller 8 farver.

Hvad er en billedpaletudtrækker?

Det er et værktøj, der opsummerer de dominerende synlige farver i et helt billede som en mindre, repræsentativ palette.

Kan jeg kopiere HEX, RGB eller CSS-variabler?

Ja. Du kan kopiere hver HEX- eller RGB-værdi, alle HEX-værdier linje for linje eller hele paletten som CSS-variabler.

Bliver mit billede uploadet eller gemt?

Nej. Billedet afkodes og analyseres lokalt i browseren og sendes ikke til en server.

Hvorfor er paletten mindre end den valgte størrelse?

Billedet kan have færre unikke synlige farver end den valgte størrelse. Værktøjet duplikerer ikke farver og ignorerer effektivt gennemsigtige pixels.