Softonic

Bildfärgväljare

Steg 1 / 3
Å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

Skapa kontaktkarta

Ordna foton på utskrivbara kontaktkartor i A4 eller Letter med bildtexter och beskärning, förhandsgranska och hämta JPEG eller PDF.

Pixelgrafikverktyg

Rita pixelgrafik från grunden på ett rutnät från 4×4 till 64×64. Använd penna, fyllning, pipett, symmetri och ångra, och exportera sedan skarp transparent PNG, SVG eller projektfil.

Linjerat papper-generator

Skapa utskrivbart linjerat papper gratis. Välj college-, bred eller smal linjering, ange radavstånd i mm, pappersstorlek och en marginallinje, och skriv sedan ut eller ladda ner SVG:n.

Rutpappersgenerator

Skapa utskrivbart rutpapper online: välj rutnät eller punktnät, ange avståndet i mm, välj A4 eller Letter och en egen linjefärg, och skriv sedan ut eller ladda ner en skarp SVG.

Instagram rutnätsdelare

Dela en bred bild i ett 3×3-rutnät för Instagram, eller valfritt antal rader. Rutorna är numrerade så att de är enkla att ladda upp i omvänd ordning.

Mockup-generator för skärmdumpar

Lägg en skärmdump i en webbläsar- eller macOS-fönsterram med gradientbakgrund, utfyllnad och skugga för snygga inlägg, slides och presskit. Exporterar PNG i din webbläsare.

Verktyget finns på andra språk