Bildfärgväljare

Återställer vald fil...

Att matcha en varumärkesfärg från en skärmbild av en logotyp eller hämta en väggfärg från ett foto innebär vanligtvis att man öppnar Photoshop. Den här färgväljaren laddar in vilken bild som helst på en zoombar canvas och visar HEX-, RGB- och HSL-värdet för den pixel du klickar på, med ett medelvärde över ett område på 10×10 pixlar – så att du kan ta prov från ett helt område i stället för en enskild pixel och undvika JPEG-brusartefakter.

Hur du väljer en färg från en bild

  1. 1

    Ladda upp eller släpp en bild

    JPG, PNG, WebP – väljaren skalas för att passa ditt visningsfönster.

  2. 2

    Zooma in på området

    Rulla för att zooma; dra för att flytta till den exakta plats du vill ta prov från.

  3. 3

    Klicka på en pixel

    Omedelbar avläsning i HEX, RGB och HSL, samt ett förstorat färgprov.

  4. 4

    Kopiera den notation du behöver

    Med ett klick kopieras HEX, rgb() eller hsl() till ditt urklipp.

  5. 5

    Spara flera prover

    Samla en palett med 6–10 färger från hela bilden som designreferens.

Få korrekta prover

En färgval på en enskild pixel är nästan aldrig det du vill ha från en verklig foto – JPEG-komprimering, brus och variationer i belysning skapar skillnader mellan pixlar även i visuellt enhetliga områden.

Provtagningslägen

Läge Vad det gör När det används
Punkt En enskild pixel under markören Provtagning av en skärmbild från ett designverktyg
Medelvärde 3 × 3 Medelvärde av 9 pixlar runt klickpunkten JPG-foton med lätt komprimering
Medelvärde 10 × 10 Medelvärde av 100 pixlar Kraftigt komprimerade eller brusiga foton
Områdesmedelvärde Rita en rektangel, medelvärdet av varje pixel inuti Logotyper och designelement i plana färger

Viktiga anmärkningar om färgrymden

  • Skärmbilder från en skärm visar sRGB-värden; den valda färgen överensstämmer med den ursprungliga källan.
  • Fotografier från en kamera kan vara i Adobe RGB eller DCI-P3; väljaren visar sRGB, vilket gör att en livfull röd färg från ett telefonfoto med brett färgomfång kan se något mindre mättad ut.
  • PNG med ICC-profil: väljaren omvandlar till sRGB före provtagningen, så att utdata blir konsekventa.

Vanliga användningsfall

  • Matcha en kunds logotypfärg utifrån en skärmbild istället för att gissa.
  • Bygga upp en färgpalett utifrån en referensbild (landskap, moodboard eller filmstillbild).
  • Kontrollera HEX-värden på en renderad webbsida som förlorat sina designtokens.
  • Verifiera att en varumärkesfärg har tillämpats korrekt av en intressent.

Sekretess

Bilden laddas in på webbläsarens canvas utan att någonsin laddas upp – väljaren använder enbart canvasavläsningar på klientsidan, vilket säkerställer att konfidentiella designer förblir konfidentiella.

Vanliga frågor

JPEG-komprimering förändrar färgen något, särskilt i gradienter och vid kanter. Om källfilen är en JPG-fil rekommenderas att använda genomsnittsmodusen (10 × 10); om du har tillgång till den ursprungliga PNG- eller SVG-filen kan du ta ett urval från den för exakt matchning.

Inte direkt. Ta en skärmbild av den bildruta du vill använda och ladda in den. För noggrann omvandling från video till färgpalett bör du extrahera bildrutor med ett videoverktyg och ta ett prov från varje bildruta.

Den tar prov från den bildruta som visas när du klickar. Pausa eller spola till den bildruta du vill ha innan du tar prov.

Upp till 20 per session. Paletter lagras lokalt, så att uppdatera sidan bevarar dem, men att rensa webbläsarens data raderar dem.

Relaterade verktyg