Hvordan henter jeg en fargepalett fra et bilde?

Last opp, dra inn eller lim inn et bilde. Verktøyet grupperer de synlige dominerende fargene i en palett med 3, 5 eller 8 farger.

Hva er en bildepalettrekker?

Det er et verktøy som oppsummerer de dominerende synlige fargene i et helt bilde som en mindre, representativ fargepalett.

Kan jeg kopiere HEX, RGB eller CSS-variabler?

Ja. Kopier hver HEX- eller RGB-verdi, alle HEX-verdier på separate linjer eller hele paletten som CSS-variabler.

Lastes bildet mitt opp eller lagres det?

Nei. Bildet dekodes og analyseres lokalt i nettleseren og sendes ikke til en server.

Hvorfor fikk jeg færre farger enn jeg valgte?

Bildet kan ha færre unike synlige farger enn den valgte størrelsen. Verktøyet dupliserer ikke farger og ignorerer effektivt gjennomsiktige piksler.

Hent en fargepalett fra et bilde

Last opp, dra inn eller lim inn et foto, skjermbilde, en logo eller illustrasjon for å hente en fargepalett fra hele bildet. Verktøyet samler de dominerende synlige fargene i en palett med 3, 5 eller 8 farger i stedet for å velge én bestemt piksel. Kopier enkeltvise HEX- og RGB-verdier, alle HEX-verdier på separate linjer eller et ferdig sett med CSS-variabler. Bildet behandles lokalt i nettleseren og lastes aldri opp til ColourPicker.app.

Last opp et bilde

Velg en fil, dra den hit eller lim inn et bilde fra utklippstavlen.

Du kan også lime inn et skjermbilde med Ctrl+V eller Kommando+V.

Bildet ditt blir på enheten din og behandles bare i denne nettleseren.

Flere verktøy

Picker

Fargevelger

Last opp et bilde og klikk for å trekke ut HEX-, RGB- og HSL-fargekoder.

HEXRGBHSLImage

Converter

Fargekonverterer

Konverter farger mellom HEX, RGB og HSL umiddelbart.

HEXRGBHSL

Checker

Kontrastsjekk

Sjekk fargekontrastforhold mot WCAG AA- og AAA-standarder.

WCAGAAAAA

Generator

Palettgenerator

Generer harmoniske fargepaletter fra hvilken som helst grunnfarge.

HarmonyHSLHEX

Slik henter du en fargepalett fra et bilde

Velg en bildefil, dra den til opplastingsområdet eller lim inn et bilde fra utklippstavlen. Nettleseren dekoder bildet og analyserer et mindre utvalg av de synlige pikslene. Lignende nyanser grupperes slik at paletten viser fargene som har størst visuell betydning, ikke hver enkelt pikselverdi.

Legg til et foto, en logo, illustrasjon, et skjermbilde eller en annen bildefil som nettleseren kan åpne.
Etter innlasting opprettes automatisk en palett med fem dominerende farger.
Velg 3, 5 eller 8 farger når du vil ha en kortere eller mer detaljert referanse.
Kopier enkeltfarger eller hele paletten videre til design- eller utviklingsarbeidet ditt.

Et fotografi kan inneholde lys, skygger og store bakgrunnsfarger, mens et enkelt ikon noen ganger bare har et par synlige farger. Resultatet gjenspeiler det som faktisk er synlig og fylles ikke ut med kunstige variasjoner.

Dominerende farger, ikke én eksakt piksel

Denne siden er laget for en flerfarget oppsummering av et helt foto, en illustrasjon, logo eller et skjermbilde. Den viser fargene som preger bildet som helhet, ikke en nøyaktig verdi fra ett bestemt punkt.

Trenger du en bestemt pixels farge, kan du velge én eksakt farge fra et bilde. Vil du lage komplementære, analoge eller andre teoretiske relasjoner fra en grunnfarge, kan du generere en fargeharmoni fra en grunnfarge. Denne ekstraktoren finner bare frem farger som allerede finnes i bildet.

Kopier paletten som HEX, RGB eller CSS-variabler

Hvert fargefelt viser både HEX- og RGB-verdi med egne kopieringsknapper. Du kan også kopiere alle HEX-verdiene som en liste med én farge per linje til notater, visuelle referanser eller et moodboard.

Knappen for CSS-variabler gir en :root-blokk med navn som --cp-1, --cp-2 og --cp-3. Den er et praktisk utgangspunkt for en prototype eller stilfil, men kontrast og tilgjengelighet må fortsatt kontrolleres separat.

Bildet ditt forblir privat

All behandling skjer i nettleseren din. Bildet sendes ikke til ColourPicker.app eller en ekstern bildetjeneste og lagres ikke på en server. Den lokale forhåndsvisningen er midlertidig og frigjøres når du erstatter bildet eller forlater siden.

Analysen bruker bare synlig fargeinformasjon. Effektivt gjennomsiktige piksler ignoreres, slik at en transparent bakgrunn i for eksempel en PNG-logo ikke feilaktig blir en dominerende farge.

Hvorfor et bilde kan gi færre farger

Valget av 3, 5 eller 8 farger er en øvre grense, ikke et løfte om ekstra fargefelt. En enkel figur, flat grafikk, tofarget logo eller nesten gjennomsiktig fil kan ha færre unike synlige farger enn du har valgt.

Da viser verktøyet den mindre, reelle paletten. Det dupliserer ikke farger og finner ikke opp nye nyanser for å nå et bestemt antall.

Ofte stilte spørsmål

Hvordan henter jeg en fargepalett fra et bilde?: Last opp, dra inn eller lim inn et bilde. Verktøyet grupperer de synlige dominerende fargene i en palett med 3, 5 eller 8 farger.
Hva er en bildepalettrekker?: Det er et verktøy som oppsummerer de dominerende synlige fargene i et helt bilde som en mindre, representativ fargepalett.
Kan jeg kopiere HEX, RGB eller CSS-variabler?: Ja. Kopier hver HEX- eller RGB-verdi, alle HEX-verdier på separate linjer eller hele paletten som CSS-variabler.
Lastes bildet mitt opp eller lagres det?: Nei. Bildet dekodes og analyseres lokalt i nettleseren og sendes ikke til en server.
Hvorfor fikk jeg færre farger enn jeg valgte?: Bildet kan ha færre unike synlige farger enn den valgte størrelsen. Verktøyet dupliserer ikke farger og ignorerer effektivt gjennomsiktige piksler.