Farvepalette-udtræk

Upload et billede for at udtrække dets dominerende farver. Få HEX-koder for hver farveprøve, kopiér med ét klik. Alt kører i din browser.

Sådan virker Farvepalette-udtræk

Farvepalet-udtrækker analyserer dit billede og identificerer de mest visuelt dominerende farver ved hjælp af en k-means-klyngealgoritme kørt mod pixeldata i et Canvas. Resultatet er et sæt farveprøver med deres HEX-værdier, som du kan kopiere enkeltvist. Ingen billedbytes forlader din browser; pixel-samplingen kører lokalt i en Web Worker, så hovedtråden forbliver responsiv.

Udtrækningen grupperer hundredtusindvis af individuelle pixelfarver i et mindre antal repræsentative klynger. Antallet af outputfarver er konfigurerbart, så du kan udtrække en stram palet på fem farver eller et bredere sæt på tolv. Dette er nyttigt til hurtigt at trække brandfarver fra et logo, identificere de dominerende toner på et foto til en moodboard eller kontrollere, hvilke farver der vises i et brugeroplastet billede.

Skrevet af Bastien Sulyan

Sådan bruger du Farvepalette-udtræk, trin for trin

Slip dit billede på upload-området, eller klik for at browse.
Angiv det antal farver, du ønsker at udtrække (typisk 5 til 12).
Klik på Udtræk. Pixel-klyngedannelsen kører lokalt i en Web Worker.
Se de resulterende farveprøver og deres HEX-værdier.
Klik på en prøve for at kopiere dens HEX-kode til udklipsholderen.

Almindelige anvendelser

En designer udtrækker den dominerende palet fra et brandfoto for at sikre, at nyt markedsføringsmateriale matcher den eksisterende farveprofil.
En udvikler identificerer de primære farver i en brugeroplastet avatar for dynamisk at generere en matchende UI-accentfarve.
En kunstner bygger en referance moodboard ved at udtrække paletter fra flere referencebilleder og sammenligne de udtrukne HEX-koder.
En blogger trækker de fem dominerende toner fra et headerfoto for at vælge komplementære tekst- og knapfarver til et indlægslayout.

Ofte stillede spørgsmål

Hvordan fungerer farveudrækningsalgoritmen?

Værktøjet læser alle pixelværdier fra billedet via Canvas.getImageData(), nedsamplerer dem for hastighed og kører derefter k-means-klyngedannelse. Hver klyngecentroid bliver en af outputfarverne. K-means grupperer pixels efter farvenærhed, så de dominerende visuelle toner fremkommer som centroid-farver.

Kræver udtrækning af farver uploading af billedet?

Nej. Pixel-samplingen sker inde i en Web Worker i din browser. Billedet læses fra din lokale disk, tegnes på et OffscreenCanvas, og pixel-arrayet behandles i hukommelsen. Dataene forlader ikke din enhed.

Hvorfor ser de udtrukne farver lidt anderledes ud end dem, jeg ser i billedet?

K-means-centroider repræsenterer det matematiske gennemsnit af en klynge af pixelfarver. En farve, der er meget almindelig men lidt varieret (en blå himmel med svag gradientvariationer), vil producere en centroid, der er den gennemsnitlige nuance frem for en præcis pixelværdi, du kan pege på. Resultatet er et repræsentativt gennemsnit, ikke en sample af en bestemt pixel.

Kan jeg udtrække paletter fra fotos med gennemsigtighed?

Fuldt gennemsigtige pixels (alpha = 0) udelukkes fra klyngedannelsen for at undgå, at den gennemsigtige region skævvrider de udtrukne farver mod sort eller hvid afhængigt af Canvas-baggrundsfyldet. Semi-gennemsigtige pixels medtages i prøven vægtet efter deres alfa-værdi.

Hvilket format er farvekoderne i?

Værktøjet outputter HEX-koder (f.eks. #3A7BD5). Hvis du har brug for RGB, HSL eller andre formater, skal du kopiere HEX-værdien ind i Farvekonverter-værktøjet, som accepterer HEX og konverterer til alle almindelige farvemodeller.

Relaterede værktøjer

Hold alt lokalt, udforsk komplementære værktøjer.

Alle billedværktøjer