Afbeeldingskleurkiezer
Om een merkkleur te bepalen aan de hand van een screenshot van een logo of een muurkleur uit een foto te halen, moet je meestal Photoshop openen. Deze kleurkiezer laadt elke afbeelding in een inzoombaar canvas en toont de HEX-, RGB- en HSL-waarde van de pixel waarop je klikt, met een gemiddelde van 10×10 zodat je een gebied kunt bemonsteren in plaats van één enkele pixel en zo JPEG-ruisartefacten voorkomt.
Hoe je een kleur uit een afbeelding kunt kiezen
-
1
Upload of sleep een afbeelding
JPG, PNG, WebP, de kiezer past zich aan uw weergavevenster aan.
-
2
Zoom in op het gebied
Scrol om in te zoomen; sleep om precies naar de plek te bewegen die u wilt bemonsteren.
-
3
Klik op een pixel
Directe weergave in HEX, RGB en HSL, plus een vergroot kleurstaal.
-
4
Kopieer de notatie die u nodig hebt
Met één klik kopieert u HEX, rgb() of hsl() naar uw klembord.
-
5
Sla meerdere stalen op
Verzamel een palet van 6 tot 10 kleuren uit de hele afbeelding als ontwerpreferentie.
Nauwkeurige stalen verkrijgen
Een kleurkeuze op één enkele pixel is bijna nooit wat je van een echte foto wilt: JPEG-compressie, ruis en lichtvariaties veroorzaken verschillen tussen pixels, zelfs in visueel gelijkmatige gebieden.
Bemonsteringsmodi
| Modus | Wat het doet | Wanneer te gebruiken |
|---|---|---|
| Punt | Eén pixel onder de cursor | Een screenshot uit een ontwerptool bemonsteren |
| Gemiddelde 3 × 3 | Gemiddelde van 9 pixels rond de klik | JPG-foto’s met lichte compressie |
| Gemiddelde 10 × 10 | Gemiddelde van 100 pixels | Zwaar gecomprimeerde of ruisige foto’s |
| Gebiedsgemiddelde | Teken een rechthoek, gemiddelde van elke pixel erbinnen | Logo’s en ontwerpelementen met vlakke kleuren |
Aandachtspunten voor de kleurruimte
- Screenshots van een scherm tonen sRGB-waarden; de gekozen kleur komt overeen met de oorspronkelijke bron.
- Foto’s van een camera kunnen in Adobe RGB of DCI-P3 staan; de kiezer toont sRGB, waardoor een felrood uit een telefoonfoto met breed kleurbereik iets minder verzadigd oogt.
- PNG met ICC-profiel: de kiezer converteert vóór het bemonsteren naar sRGB, zodat de uitvoer consistent is.
Veelvoorkomende toepassingen
- De logokleur van een klant matchen aan de hand van een screenshot in plaats van te gokken.
- Een palet opbouwen op basis van een referentiefoto (landschap, moodboard of filmstill).
- HEX-waarden controleren op een gerenderde webpagina die haar ontwerptokens is kwijtgeraakt.
- Controleren of een merkkleur correct is toegepast door een belanghebbende.
Privacy
De afbeelding wordt in het canvas van uw browser geladen en wordt nooit geüpload; de kiezer gebruikt uitsluitend canvasuitlezingen aan de clientzijde, zodat vertrouwelijke ontwerpen vertrouwelijk blijven.
Veelgestelde vragen
JPEG-compressie verschuift kleuren enigszins, vooral in verlopen en bij randen. Als de bron een JPG is, probeer de gemiddelde modus van 10 × 10; hebt u het originele PNG- of SVG-bestand, bemonster daaruit voor een exacte overeenkomst.
Niet rechtstreeks: maak een screenshot van het gewenste frame en laad dat in. Voor nauwkeurig video-naar-palet-werk extraheert u frames met een videotool en bemonstert u elk frame.
Hij bemonstert het frame dat wordt weergegeven op het moment dat u klikt. Pauzeer of spoel naar het gewenste frame voordat u bemonstert.
Maximaal 20 per sessie. Paletten worden lokaal opgeslagen; het vernieuwen van de pagina bewaart ze, maar het wissen van de browsergegevens verwijdert ze.
Gerelateerde tools
Material Design-kleurkiezer
Blader door het Material Design-kleurenpalet. Kopieer elke tint (van 50 tot A700) als HEX-, RGB- of HSL-waarde met één tik.
Gelinieerd papier generator
Maak gratis afdrukbaar gelinieerd papier. Kies college-, brede of smalle liniëring, stel de regelafstand in mm, het papierformaat en een kantlijn in, en druk af of download de SVG.
Instagram-grid-splitter
Verdeel een brede afbeelding in een 3×3 Instagram-grid, of in een willekeurig aantal rijen. De tegels zijn genummerd, zodat je ze eenvoudig in omgekeerde volgorde kunt uploaden.
Afbeelding naar grijswaarden
Zet kleurenafbeeldingen in uw browser om naar grijswaarden. Gratis en privé, er wordt niets geüpload.
Contactblad maken
Rangschik foto’s op afdrukbare A4- of Letter-contactbladen met bijschriften en voorvertoning en download JPEG-pagina’s of een pdf.
Ruitjespapier-generator
Maak online afdrukbaar ruitjespapier: kies een ruit- of stippenraster, stel de afstand in mm in, kies A4 of Letter en een eigen lijnkleur, en print of download een strak SVG-bestand.
Tool beschikbaar in andere talen
- Farbwähler für Bilder [DE]
- 画像カラーピッカー [JA]
- Seletor de Cores de Imagem [PT]
- Bildfärgväljare [SV]
- ตัวเลือกสีภาพ [TH]
- Sélecteur de couleur d'image [FR]
- Selector de Color de Imagen [ES]
- Bộ chọn màu hình ảnh [VI]
- Pemilih Warna Gambar [ID]
- 이미지 색상 선택기 [KO]
- محدد ألوان الصورة [AR]
- Próbnik kolorów z obrazu [PL]
- Resim Renk Seçici [TR]
- 图像颜色选择器 [ZH]
- Image Color Picker [EN]
- Selettore di Colore Immagine [IT]
- Выборщик цветов изображения [RU]