Vad är en färgväljare för bilder?

En färgväljare för bilder, eller pipett, läser av färgen på en pixel i en bild. Designers använder den för att matcha en varumärkesfärg från en logotyp, skapa en palett från ett foto eller kontrollera den exakta nyansen i en skärmbild av en webbplats eller app. Eftersom färgen läses från pixeldata är värdet exakt och inte en uppskattning med ögat.

Verktygsbeskrivning

Med det här verktyget kan du öppna en bild eller klistra in en skärmbild från urklippet och klicka var som helst på den för att välja en färg. En förstoringslupp följer pekaren och visar pixlarna runt den, så att du kan träffa den pixel du vill ha. Varje klick lägger till en numrerad punkt, och färgen för varje punkt visas i det utdataformat du väljer, redo att kopieras.

Funktioner

  • Välj färger från PNG-, JPEG-, WebP-, GIF-, BMP- och AVIF-bilder, eller klistra in en bild med Ctrl+V
  • Förstoringslupp med färgen under pekaren
  • Zooma upp till 3200 % med skarpa pixlar för små detaljer och ikoner
  • Punktprov eller medelvärdet av ett område på 3 × 3 till 101 × 101 pixlar, som pipetten i bildredigerare
  • Kopiera varje färg som HEX, RGB, HSL, HWB, CMYK, LAB och andra format
  • Numrerade markörer på bilden för varje vald punkt
  • Visar opaciteten för halvtransparenta pixlar
  • Flytta den senaste punkten pixel för pixel med piltangenterna

Så fungerar det

Bilden avkodas i webbläsaren och ritas på en canvas, och färgen läses från canvasens pixlar. Färger konverteras till sRGB, webbens färgrymd, så att värdena överensstämmer med hur bilden ser ut på sidan och kan användas direkt i CSS. Vid ett medelvärdesprov beräknas medelvärdet av färgerna på pixlarna i området, viktat efter opacitet så att transparenta pixlar inte gör resultatet mörkare. Bilden laddas aldrig upp.

Tips

  • Foton och JPEG-bilder innehåller brus, så intilliggande pixlar skiljer sig ofta något åt. Använd ett medelvärde på 3 × 3 eller 5 × 5 för att få färgen du ser i stället för färgen från en enskild brusig pixel.
  • För platt grafik som logotyper, ikoner och skärmbilder använder du punktprovet för att få den exakta färgen.
  • Om du ändrar provstorleken uppdateras färgerna för alla punkter du redan har valt.
  • För GIF-filer väljs färgerna från den första bildrutan.