Palette fra billede

Sådan udtrækker du en farvepalette fra et billede

1. Slip et billede på feltet, eller klik på det for at vælge en fil. JPG, PNG, WebP, GIF og alle andre formater, din browser kan vise, virker.
2. Værktøjet analyserer billedet med det samme og viser dets Dominerende farver, sorteret fra den mest til den mindst fremtrædende.
3. Justér Antal farver (3 til 12) for at få en bredere eller mere stram palette. Fjern markeringen i Ignorér hvide og næsten hvide pixel, hvis hvid er en vigtig farve i dit billede, for eksempel et hvidt produkt eller sne.
4. Kopiér en enkelt farve med knappen Kopiér under dens farveprøve, eller vælg et format i Eksportér som (HEX-liste, CSS-variabler, SCSS-variabler, JSON-array eller Tailwind-farver), og klik på Kopiér eller Download for hele paletten. Udtræk farver kører analysen igen.

Dit billede læses lokalt af din browser. Det uploades aldrig til en server.

Sådan findes de dominerende farver

Billedet tegnes først på et usynligt canvas, skaleret ned, så den længste led højst er 512 pixel. Det holder analysen hurtig uden at ændre de overordnede farver. Pixlerne grupperes derefter med en kvantiseringsalgoritme (modificeret median cut fra open source-biblioteket Color Thief), der arbejder i farverummet OKLCH, så farver, der ligner hinanden for øjet, havner i samme gruppe.

Hver gruppe bliver til én farve i paletten, og procenttallet under hver farveprøve er dens andel af de prøvetagne pixel. Bjælken over farveprøverne viser disse andele med et enkelt blik. Gennemsigtige pixel springes over, og det samme gælder hvide og næsten hvide pixel, så længe valget er afkrydset, fordi ensfarvede hvide baggrunde ellers ville dominere de fleste produktfotos og skærmbilleder.

Hver farveprøve viser sin HEX-kode i sort eller hvid, alt efter hvad der kan læses bedst, så teksten forbliver læselig på både lyse og mørke farver.

Ideer til brug af en billedpalette

• Branding og webdesign: byg et tema til et website ud fra et heltefoto eller et logo, så grænsefladen passer til billedet.
• Præsentationer og sociale medier: vælg tekst- og baggrundsfarver, der passer til et forsidebillede.
• Indretning, mode og kunst: indfang stemningen i et foto, et maleri eller en stofprøve.
• Datavisualisering: hent diagramfarver fra en illustration, der bruges i den samme rapport.

De udtrukne farver er gennemsnit af mange pixel, så de kan se lidt mindre levende ud end det mest mættede sted i fotoet. Hvis du har brug for den præcise farve på en bestemt pixel, kan du i stedet bruge en farvevælger til billeder.