Kleuren analyseren en selecteren met de Kleurkiezer van Afbeelding
De online tool "Kleurkiezer van Afbeelding" stelt u in staat om eenvoudig een afbeelding vanaf uw eigen apparaat te selecteren en vervolgens elke gewenste pixel te analyseren om de exacte kleurwaarden te achterhalen. Om u te helpen bij het uiterst nauwkeurig selecteren van een pixel, is de tool uitgerust met een handig vergrootglas dat een ingezoomde weergave biedt.
Zodra u een kleur selecteert, worden de bijbehorende HEX-, RGB- en HSL-waarden direct overzichtelijk weergegeven. U kunt meerdere gekozen kleuren opslaan in een geschiedenislijst, zodat u deze later eenvoudig kunt raadplegen en de gewenste kleurwaarden kunt kopiëren voor gebruik in andere toepassingen.
Ondersteunde bestandsformaten en invoer
De tool verwerkt een enkele afbeelding die u uploadt of naar het venster sleept. De Kleurkiezer van Afbeelding accepteert de volgende bestandsformaten en MIME-typen:
- PNG (
image/png) - JPG (
image/jpeg) - WebP (
image/webp) - GIF (
image/gif) - AVIF (
image/avif) - HEIC (
image/heicofimage/heif)
Wanneer u probeert een bestand te laden dat niet binnen deze categorieën valt, toont de tool de foutmelding: "Dit bestandstype wordt niet ondersteund. Probeer een PNG-, JPG-, WebP-, GIF-, AVIF- of HEIC-afbeelding." Mocht een afbeelding om een andere reden niet geopend kunnen worden, bijvoorbeeld door een beschadiging, dan verschijnt de melding: "Die afbeelding kon niet worden geopend. Mogelijk is het bestand beschadigd of heeft het een niet-ondersteund formaat."
Werking en interactie met de afbeelding
Zodra een afbeelding succesvol is geladen, toont de tool direct de statusmelding "Afbeelding klaar — beweeg eroverheen om te selecteren, klik om een kleur op te slaan." Vanaf dat moment treden de volgende interactieregels in werking:
- Directe weergave: Bij het laden van de afbeelding worden de kleurwaarden en de coördinaten van de middelste pixel direct getoond.
- Navigatie met de muis: Wanneer u de aanwijzer over de afbeelding beweegt, worden de kleuren pixel voor pixel gesampled.
- Kleuren opslaan: Door op de afbeelding te klikken, slaat u de momenteel gesampelde kleur op in uw selectie. De tool toont dan de bevestiging: "
{hex}opgeslagen in je selectie." - Toetsenbordnavigatie: Voor extra precisie kunt u een dradenkruis over de afbeelding bewegen met behulp van de pijltjestoetsen op uw toetsenbord.
- Versnelde navigatie: Als u de Shift-toets ingedrukt houdt terwijl u de pijltjestoetsen gebruikt, verplaatst het dradenkruis zich met stappen van 10 pixels.
- Opslaan via toetsenbord: U kunt de momenteel gesampelde kleur ook opslaan door op de Enter-toets of de spatiebalk te drukken.
- Afbeeldingsgrootte: Afbeeldingen waarvan de langste zijde groter is dan 4096 pixels, worden automatisch verkleind. De tool toont daarnaast altijd de afmetingen van de geladen afbeelding bij het label voor de grootte.
Kleurwaarden kopiëren en de geschiedenis beheren
Wanneer u een kleur selecteert, kunt u de waarden voor HEX, RGB of HSL eenvoudig naar uw klembord kopiëren door simpelweg op de gewenste waarde te klikken. Mocht uw browser de toegang tot het klembord blokkeren, dan verschijnt de foutmelding: "Kopiëren mislukt — je browser blokkeerde de toegang tot het klembord."
De tool houdt een geschiedenis bij van uw opgeslagen kleuren:
- De geschiedenis kan maximaal 12 verschillende items opslaan.
- Als er nog geen kleuren zijn opgeslagen, toont de tool de tekst: "Kleuren die je opslaat verschijnen hier — klik op een kleurvak om deze opnieuw te laden."
- Kleuren die exact dezelfde RGB-waarden hebben, maar een andere transparantiewaarde (alpha), worden als afzonderlijke items in de geschiedenis opgeslagen.
- Met de knop "Opnieuw beginnen" wist u de geladen afbeelding, wordt de volledige kleurgeschiedenis geleegd en keert de tool terug naar de beginstand.
Omgaan met transparantie en compressie
De Kleurkiezer van Afbeelding is ontworpen om de exacte pixelwaarde weer te geven die in het bestand is opgeslagen. Hierbij gelden enkele belangrijke technische regels:
- Semi-transparante pixels: Als een pixel deels transparant is, wordt de alpha-waarde apart uitgelezen en getoond met de melding: "Alpha
{n}% — deze pixel is deels transparant." De pixel wordt puur op zichzelf geanalyseerd, zonder rekening te houden met de kleur van de achtergrond die er eventueel achter ligt. - Compressie en anti-aliasing: Als u een JPEG-afbeelding of een screenshot uploadt, kunnen de pixelwaarden door compressie of anti-aliasing (randverzachting) subtiel zijn veranderd ten opzichte van het originele ontwerp. De tool meet exact wat er in het bestand staat, inclusief deze minieme afwijkingen.
Privacy en gegevensverwerking
Bij het gebruik van deze tool is uw privacy volledig gewaarborgd. De afbeelding die u selecteert, wordt rechtstreeks vanaf uw eigen apparaat ingelezen en verwerkt. De afbeelding verlaat uw browser nooit en er worden geen gegevens of bestanden geüpload naar de servers van BroBroGo.
Veelgestelde vragen (FAQ)
Hoe kies ik een kleur uit de afbeelding?
Beweeg de aanwijzer over de afbeelding en het paneel toont de kleur eronder, met een vergrootglas om in te zoomen op de exacte pixel. Klik om die kleur op te slaan in je selectie. Je kunt ook de afbeelding selecteren en het dradenkruis verplaatsen met de pijltjestoetsen, en vervolgens op Enter drukken.
Welke kleurformaten krijg ik te zien?
Elke pixel die je selecteert, wordt direct getoond in HEX, RGB en HSL. Klik op een waarde om deze te kopiëren, klaar voor gebruik in CSS of je ontwerptool.
Waarom komt een gekozen kleur niet altijd overeen met wat ik verwachtte?
Je krijgt de exacte pixelwaarde die in de afbeelding is opgeslagen. Bij een JPEG of een screenshot kunnen compressie en anti-aliasing nabijgelegen pixels al een klein beetje hebben verschoven. Een semi-transparante pixel wordt op zichzelf gelezen, zonder de achterliggende kleur.