Utilia
Kategorier ▾
Språk: sv ▾

Hämta färg från bild

Ladda upp en bild och klicka på valfri pixel för att få färgen som HEX, RGB, HSL, HSV och CMYK. Förstoringslupp, medelvärde och lista, i webbläsaren.

Så hämtar du en färg från en bild

  1. Släpp en bild i uppladdningsytan, eller klicka på den för att välja en fil (JPG, PNG, WebP, GIF eller valfritt format som din webbläsare kan visa).
  2. För pekaren över bilden. Förstoringsluppen visar pixlarna runt markören i förstoring, och Under markören visar HEX-koden direkt.
  3. Klicka på den pixel du vill ha. Rutan Vald färg visar den med pixelns position, och koderna i HEX, RGB, HSL, HSV och CMYK visas bredvid, var och en med en knapp Kopiera.
  4. Fortsätt klicka för att samla fler färger: de läggs till i Valda färger, där du kan kopiera var och en. Töm listan tömmer den.

På en mobil eller surfplatta trycker du helt enkelt på bilden. Med tangentbordet ger du bilden fokus med Tab, flyttar med piltangenterna (håll ned Shift för att flytta 10 pixlar i taget) och trycker på Enter för att hämta färgen.

Bilden lämnar aldrig din enhet: den avkodas och läses enbart av din webbläsare.

En pixel eller medelvärde?

Menyn Provstorlek styr hur många pixlar som läses vid varje klick:

  • 1 pixel ger den exakta färgen på pixeln under markören. Använd det för platt grafik, logotyper, skärmbilder och ikoner.
  • Medelvärde 3 × 3 och Medelvärde 5 × 5 ger medelfärgen av de 9 eller 25 omgivande pixlarna. Använd dem för foton: JPEG-komprimering och kamerabrus gör att intilliggande pixlar skiljer sig något, och ett medelvärde ger en färg som bättre motsvarar det du ser.

Kvadraten som markeras i luppen visar exakt vilka pixlar som ingår. Nära bildens kanter räknas bara pixlar som finns.

Genomskinliga pixlar i PNG- eller WebP-filer hanteras också: färgen viktas efter opacitet, så helt genomskinliga ytor drar inte resultatet mot svart, och ett delvis genomskinligt resultat får en åttasiffrig HEX-kod med alfa, till exempel #FF000080.

Noggrannhet och begränsningar

  • Färgerna läses i sRGB-rymden i webbläsarens canvas. Bilder som sparats med en annan färgprofil (Adobe RGB, Display P3) konverteras först av webbläsaren, så koderna stämmer med det du ser på skärmen men kan skilja sig något från de råa filvärden som ett bildredigeringsprogram visar.
  • Mycket stora bilder förminskas till 4 096 pixlar på den längsta sidan för att hålla minnesanvändningen rimlig. Verktyget meddelar när det händer; i sådana bilder är varje vald pixel redan ett litet medelvärde av originalet.
  • CMYK-värdena är en förenklad konvertering utan ICC-profil och fungerar bara som en grov vägledning.

Vanliga frågor

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

Öppna bilden i verktyget och klicka på färgen. HEX-koden visas i rutan Vald färg; klicka på Kopiera bredvid den för att klistra in den i CSS, Figma, Canva eller något annat program.

Varför har intilliggande pixlar i mitt foto olika koder?

Foton innehåller brus, toningar och komprimeringsartefakter, så två pixlar som ser likadana ut har sällan samma värde. Välj Medelvärde 3 × 3 eller Medelvärde 5 × 5 under Provstorlek för att få en stabilare färg.

Kan jag hämta färger från en skärmbild av en webbplats?

Ja. Ta en skärmbild, spara den som PNG och släpp den här. PNG-skärmbilder är förlustfria, så med 1 pixel får du exakt den färg som används på sidan, så länge skärmen inte har tillämpat skalning eller färghantering.

Laddas min bild upp?

Nej. Filen öppnas av din webbläsare och ritas på en canvas på din enhet. Inget skickas till en server, och när du stänger sidan försvinner den.

Kan jag få en hel palett i stället för enskilda färger?

Det här verktyget läser enskilda pixlar. För att automatiskt få fram en bilds huvudfärger använder du ett verktyg som skapar en palett från en bild: det grupperar liknande pixlar och listar de dominerande färgerna med deras andel.

Relaterade verktyg