Färgplockare från bild

Behöver du veta exakt vilken färg en logotyp, ett foto eller en skärmdump har? Ladda upp bilden, för muspekaren över stället du är nyfiken på och klicka. Färgkoden hamnar direkt i urklipp i det format du väljer: HEX, RGB, HSL, HSV eller LCH. Inget att installera, och bilden lämnar aldrig din dator.

Så hittar du en färg i en bild

1. Ladda upp en bild. Dra den till fönstret eller klicka på “Bläddra bland filer”. Verktyget hanterar JPG, PNG, WebP och GIF.
2. Välj format. Ovanför bilden väljer du hur färgen ska kopieras. HEX passar oftast för webben, RGB är vanligt i designprogram. Valet kommer ihåg sig till nästa gång.
3. För pekaren över färgen. Bredvid pekaren visas ett förstoringsglas med de omgivande pixlarna förstorade, och färgkoden under.
4. Klicka. Koden ligger i urklipp och färgen sparas under Valda färger. Klistra in den där du behöver den.

Vill du prova en annan bild? Släpp den direkt ovanpå den nuvarande, eller ta bort den med papperskorgsikonen.

Vad färgplockaren klarar

Ett förstoringsglas som visar varje pixel

En vanlig pipett visar bara färgen precis under pekaren, och att träffa en tunn bokstavskant blir ren gissning. Vårt förstoringsglas förstorar ett område på 11 × 11 pixlar runt pekaren och ramar in den mittersta. Du ser exakt vad du är på väg att klicka på, innan du klickar.

Zooma ner till enskilda pixlar

Med plus- och minusknapparna, eller genom att scrolla med Ctrl nedtryckt, zoomar du in upp till 64 gånger. Slå på Rutnät så syns pixelgränserna, så att du träffar precis rätt på ikoner, pixelgrafik eller liten text.

Färg från originalet, inte en miniatyr

Många onlineverktyg förminskar bilden först och läser färgen från förhandsgranskningen, där grannpixlar smälter samman. Vår färgplockare arbetar med bilden i full upplösning (upp till 4096 px på långsidan), så du får pixelns verkliga färg.

Kopiera med ett klick

Ingen textmarkering, ingen omskrivning av siffror. Varje klick i bilden kopierar koden i det valda formatet. Behöver du samma färg i ett annat format, visar färgdetaljerna alla fem formaten, var och en med egen kopieringsknapp.

Palett med dominanta färger

Direkt efter uppladdningen hittar verktyget upp till åtta färger som dominerar bilden och visar dem under Dominanta färger. Nästan identiska nyanser slås ihop, så paletten blir inte fem varianter av grått, och genomskinliga delar av en PNG ignoreras. Paletten fungerar som en utgångspunkt för en webbplats, en presentation eller inlägg i sociala medier. Vill du se om färgerna håller kontrast även utan kulörton, kan du kontrollera det genom att konvertera bilden till gråskala.

Valda färger alltid tillgängliga

Varje färg du klickar på sparas under Valda färger (de senaste 24). På så sätt kan du jämföra flera ställen i bilden och gå tillbaka till dem när som helst. På en stor skärm ligger färgpanelen precis bredvid bilden.

Vad du kan använda en färgkod från en bild till

• Webbplatser och appar: Kunden skickade logotypen bara som JPG, och du behöver den exakta varumärkesfärgen till din CSS. Behöver du dessutom en version med genomskinlig bakgrund, ta bort bakgrunden från bilden.
• Grafik och sociala medier: Du vill att texten i ett inlägg ska matcha fotot. Hämta färgen direkt från det.
• Presentationer och dokument: Ställ in företagets logotypfärger i PowerPoint, Google Slides eller Canva med HEX eller RGB.
• Designkontroll: Kontrollera på en skärmdump om en knapp i appen verkligen har den färg designen anger. Verifiera sedan storleken på exportmaterialet med analys av bildstorlek.
• Inredning och mode: Du har ett foto på ett tyg eller en vägg och letar efter en liknande nyans. Koden fungerar som en utgångspunkt när du bläddrar i en färgkarta.

Färgformat som färgplockaren ger dig

• HEX (#1373b6): notationen som används i HTML, CSS och de flesta designverktyg. Se MDN-referensen för kort- och alfaformerna (på engelska).
• RGB (rgb(19, 115, 182)): andelen rött, grönt och blått, var och en från 0 till 255. Hur additiv färgblandning fungerar beskrivs på Wikipedia.
• HSL (hsl(205, 81%, 39%)): kulörton, mättnad och ljushet. Lätt att utgå från för en ljusare eller mörkare variant.
• HSV: kulörton, mättnad och intensitet, som du känner igen från färgvalet i Photoshop eller GIMP. Skillnaden mellan HSL och HSV förklaras på Wikipedia.
• LCH: en modell som följer hur det mänskliga ögat uppfattar färg. Kopieras i den syntax som modern CSS förstår (på engelska).

Färgplockaren talar om vilken färg som finns i bilden. Vill du justera den vidare, konvertera till fler format eller hitta nyanser som passar ihop med den, fortsätt till färghjulet.

Vanliga frågor

Laddas min bild upp till en server?

Nej. Bilden läses in och bearbetas direkt i din webbläsare, skickas aldrig någonstans och inget finns kvar när du stänger sidan. Du kan alltså tryggt använda verktyget för interna underlag eller opublicerade förslag.

Hur hittar jag HEX-koden för en färg i ett foto?

Ladda upp fotot, låt HEX vara valt ovanför bilden och klicka på stället med färgen du letar efter. Koden, till exempel #75dab2, ligger direkt i urklipp.

Varför skiljer sig färgen i fotot från verkligheten?

Kameran påverkar färger genom belysning, vitbalans och komprimering. Färgplockaren visar exakt den färg som är lagrad i filen. Klicka därför på flera ställen i fotot och jämför dem under Valda färger. Ska du blanda en väggfärg efter koden, ta den som ett riktvärde snarare än ett facit.

Fungerar färgplockaren på mobilen?

Ja. På en pekskärm trycker du på ett ställe i bilden och koden kopieras precis som på datorn. Förstoringsglaset vid pekaren visas inte på mobilen, så zooma in i förväg vid små detaljer.

Vad är skillnaden mellan HEX och RGB?

Båda beskriver samma färg. RGB uttrycker den med tre tal från 0 till 255, HEX skriver samma tal i hexadecimal form efter ett #-tecken. Till exempel är rgb(255, 87, 51) samma sak som #ff5733.

Hur får jag ut en hel färgpalett ur en bild?

Öppna fliken Dominanta färger. Där hittar du upp till åtta huvudfärger från bilden, och ett klick på någon av dem kopierar dess kod.