Palett fra bilde

Slik henter du ut en fargepalett fra et bilde

1. Slipp et bilde i opplastingsområdet, eller klikk på det for å velge en fil. JPG, PNG, WebP, GIF og alle andre formater nettleseren din kan vise, fungerer.
2. Verktøyet analyserer bildet med én gang og viser Dominerende farger, sortert fra den mest til den minst tilstedeværende.
3. Juster Antall farger (3 til 12) for å få en bredere eller strammere palett. Fjern haken ved Ignorer hvite og nesten hvite piksler hvis hvitt er en viktig farge i bildet ditt, for eksempel et hvitt produkt eller snø.
4. Kopier én farge med Kopier-knappen under fargeprøven, eller velg et format under Eksporter som (HEX-liste, CSS-variabler, SCSS-variabler, JSON-liste eller Tailwind-farger) og klikk på Kopier eller Last ned for hele paletten. Hent ut farger kjører analysen på nytt.

Bildet leses lokalt av nettleseren din. Det lastes aldri opp til en server. Ingenting du skriver inn, sendes til en server.

Slik finnes de dominerende fargene

Bildet tegnes først på et usynlig canvas og skaleres ned slik at den lengste siden er høyst 512 piksler. Det holder analysen rask uten å endre de samlede fargene. Pikslene grupperes deretter med en kvantiseringsalgoritme (modifisert median cut, fra biblioteket Color Thief med åpen kildekode) som arbeider i fargerommet OKLCH, slik at farger som ser like ut for øyet, havner i samme gruppe.

Hver gruppe blir én farge i paletten, og prosentandelen under hver fargeprøve er andelen av de samplede pikslene. Linjen over fargeprøvene viser disse proporsjonene med et blikk. Gjennomsiktige piksler hoppes over, og det samme gjelder hvite og nesten hvite piksler så lenge alternativet er avhuket, fordi rene hvite bakgrunner ellers ville dominert de fleste produktbilder og skjermbilder.

Hver fargeprøve viser HEX-koden sin i svart eller hvitt, avhengig av hva som er lettest å lese, slik at etiketten er lesbar på både lyse og mørke farger.

Ideer til bruk av en bildepalett

• Merkevare og webdesign: bygg et nettstedstema fra et hovedbilde eller en logo, slik at grensesnittet passer til bildet.
• Presentasjoner og sosiale medier: velg tekst- og bakgrunnsfarger som passer til et forsidebilde.
• Interiør, mote og kunst: fang stemningen i et foto, et maleri eller en stoffprøve.
• Datavisualisering: hent diagramfarger fra en illustrasjon som brukes i samme rapport.

De uthentede fargene er gjennomsnitt av mange piksler, så de kan se litt mindre levende ut enn det mest mettede stedet i bildet. Trenger du den nøyaktige fargen til én bestemt piksel, bruker du en fargevelger for bilder i stedet.