Fargeplukker

Trenger du å vite hvilken farge et bilde, en logo eller et skjermbilde har? Last opp bildet, hold musepekeren over stedet du er interessert i, og klikk. Fargekoden kopieres rett til utklippstavlen i formatet du velger: HEX, RGB, HSL, HSV eller LCH. Ingenting å installere, og bildet forlater aldri datamaskinen din.

Slik finner du en farge fra et bilde

1. Last opp et bilde. Dra det inn i vinduet eller klikk på “Bla gjennom filer”. Fargeplukkeren tar imot JPG, PNG, WebP og GIF.
2. Velg format. Over bildet velger du hvilket format fargen skal kopieres i. HEX passer som regel til nettsider, RGB brukes ofte i designprogrammer. Verktøyet husker valget ditt.
3. Hold musepekeren over fargen. Ved pekeren dukker det opp en lupe med de omkringliggende pikslene forstørret, og under den fargekoden.
4. Klikk. Koden ligger på utklippstavlen, og fargen lagres under Valgte farger. Bare lim den inn der du trenger den.

Vil du prøve et annet bilde? Dra det rett oppå det gjeldende, eller fjern det med søppelbøtte-ikonet.

Hva fargeplukkeren kan gjøre

En lupe som viser hver eneste piksel

En vanlig pipette viser bare fargen rett under pekeren, og da blir det gjettelek å treffe kanten på en tynn bokstav. Vår lupe forstørrer et område på 11 × 11 piksler rundt pekeren og rammer inn den midterste. Du ser nøyaktig hva du er i ferd med å klikke på, før du klikker.

Zoom helt ned til enkeltpiksler

Bruk pluss- og minusknappene, eller rull med Ctrl nede, for å zoome inn opptil 64 ganger. Slår du på rutenettet, blir pikselgrensene synlige, slik at du klikker presist på ikoner, pixel art eller liten tekst.

Fargen fra originalen, ikke fra en miniatyr

Mange nettbaserte fargeplukkere skalerer bildet ned først og leser fargen fra en forhåndsvisning der nabopiksler flyter sammen. Denne løser oppgaven med bildet i full oppløsning (opptil 4096 px på lengste side), så du får pikselens faktiske farge.

Kopiering med ett klikk

Du slipper å markere tekst eller skrive tall på nytt. Hvert klikk i bildet kopierer koden i valgt format. Trenger du samme farge i et annet format, viser fargedetaljene alle fem formatene, hver med egen kopieringsknapp.

Dominante farger

Rett etter opplasting finner verktøyet opptil åtte farger som dominerer bildet, og viser dem under fanen Dominante farger. Nesten identiske nyanser slås sammen, så paletten ikke ender opp med fem varianter av grått, og gjennomsiktige deler av en PNG holdes utenfor. Bruk paletten som utgangspunkt for et fargeskjema til nettside, presentasjon eller innlegg i sosiale medier. Vil du sjekke om fargene holder god nok kontrast også uten fargetone, kan du prøve å gjøre bildet om til gråtoner.

Valgte farger alltid synlige

Hver farge du klikker på, lagres under fanen Valgte farger (de siste 24). Slik kan du sammenligne flere steder i bildet og komme tilbake til dem senere. På en stor skjerm ligger fargepanelet rett ved siden av bildet.

Når du trenger en fargekode fra et bilde

• Nettsider og apper: Kunden sendte logoen bare som JPG, og du trenger merkevarens eksakte farge i CSS-en. Trenger du også en versjon med gjennomsiktig bakgrunn, kan du fjerne bakgrunnen fra bildet.
• Grafikk og sosiale medier: Du vil at teksten i et innlegg skal matche fotoet. Hent fargen rett fra bildet.
• Presentasjoner og dokumenter: Sett firmalogoens farger i PowerPoint, Google Presentasjoner eller Canva med HEX eller RGB.
• Kontroll av design: På et skjermbilde sjekker du om en knapp i appen faktisk har fargen designet foreskriver. Sjekk deretter størrelsen på eksporterte filer med analyse av bildedimensjoner.
• Interiør og mote: Du har et bilde av et stoff eller en vegg og leter etter en lignende nyanse. Koden er et godt utgangspunkt når du skal lete i en fargekartprøve.

Fargeformater fargeplukkeren gir deg

• HEX (#1373b6): notasjonen som brukes i HTML, CSS og de fleste designverktøy.
• RGB (rgb(19, 115, 182)): andelen rødt, grønt og blått, hver fra 0 til 255. Hvordan additiv fargeblanding fungerer, forklarer Wikipedia.
• HSL (hsl(205, 81%, 39%)): fargetone, metning og lyshet. Enkelt å lage en lysere eller mørkere variant fra.
• HSV: fargetone, metning og verdi, kjent fra fargevalget i Photoshop eller GIMP. Forskjellen mellom HSL og HSV forklares i detalj på Wikipedia (på engelsk).
• LCH: en modell som følger hvordan det menneskelige øyet oppfatter farge. Kopieres i en notasjon moderne CSS forstår (se MDN-dokumentasjonen, på engelsk).

Fargeplukkeren finner fargen i bildet. Vil du justere den videre, konvertere til flere formater eller finne nyanser som passer til den, fortsett til fargehjulet.

Ofte stilte spørsmål

Blir bildet mitt lastet opp til en server?

Nei. Bildet lastes og behandles direkte i nettleseren din, det sendes aldri noe sted, og ingenting ligger igjen etter at du lukker siden. Du kan derfor trygt bruke fargeplukkeren på interne filer eller upubliserte design.

Hvordan finner jeg HEX-koden til en farge i et bilde?

Last opp bildet, la HEX stå valgt over bildet, og klikk på stedet med fargen du leter etter. Koden, for eksempel #75dab2, ligger på utklippstavlen med det samme.

Hvorfor skiller fargen fra bildet seg fra virkeligheten?

Kameraet påvirker fargene gjennom lyssetting, hvitbalanse og komprimering. Fargeplukkeren gir deg akkurat fargen som er lagret i filen. Klikk gjerne på flere steder i bildet og sammenlign dem under Valgte farger. Skal du blande en malingsfarge etter koden, bruk den som en pekepinn.

Fungerer fargeplukkeren på mobil?

Ja. Trykk på et sted i bildet, så kopieres koden på samme måte som på en datamaskin. Lupen ved pekeren vises ikke på berøringsskjermer, så zoom inn først når du skal treffe en liten detalj.

Hva er forskjellen på HEX og RGB?

Begge notasjonene beskriver samme farge. RGB uttrykker den med tre tall fra 0 til 255, HEX skriver de samme tallene i sekstentallssystemet etter et #-tegn. For eksempel er rgb(255, 87, 51) det samme som #ff5733.

Hvordan får jeg hele fargepaletten fra et bilde?

Åpne fanen Dominante farger. Der finner du opptil åtte hovedfarger fra bildet, og et klikk på hvilken som helst av dem kopierer koden.