Bildfärgväljare
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
Ladda upp eller släpp en bild
JPG, PNG, WebP – väljaren skalas för att passa ditt visningsfönster.
-
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
Klicka på en pixel
Omedelbar avläsning i HEX, RGB och HSL, samt ett förstorat färgprov.
-
4
Kopiera den notation du behöver
Med ett klick kopieras HEX, rgb() eller hsl() till ditt urklipp.
-
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
QR-kodsgenerator
Skapa en QR-kod av text eller en URL i webbläsaren och ladda ned den som PNG.
Memgenerator
Lägg till en övertext och undertext på en JPG-, PNG- eller WebP-bild. Ställ in typsnitt, färger och kontur och ladda ned din mem som PNG.
GIF-skapare
Gör en bildsekvens till en animerad GIF. Ställ in bildfrekvens, kvalitet och storlek före export.
Streckkodsgenerator
Skapa en 1D-streckkod i webbläsaren i Code 128, EAN, UPC, ITF-14 och andra format som stöds och ladda ned den som SVG eller PNG.
Ändra bildstorlek
Ändra bilder till exakta pixelmått eller procentvärden och behåll proportionerna. Smidigt för flera filer, utan uppladdning.
Bildstorleksändrare för sociala medier
Ändra storlek på en bild till inbyggda sociala medie-presets för Instagram, Facebook, X, LinkedIn, YouTube, Pinterest och TikTok. Förhandsgranska varje PNG och ladda ned de storlekar du behöver.