Dette værktøj gør det muligt at vælge et billede fra din enhed og derefter udtage en farveprøve fra en hvilken som helst pixel for at aflæse dens nøjagtige farveværdier. En forstørret visning hjælper med at vælge en pixel med høj præcision. Når en farve er valgt, vises dens HEX-, RGB- og HSL-værdier, og du kan gemme flere valgte farver i en historik, hvorefter du kan kopiere værdierne til brug i andre programmer.
Understøttede billedformater og indlæsning
Værktøjet accepterer en enkelt billedfil ad gangen. Følgende filformater og MIME-typer understøttes til indlæsning:
- PNG (
image/png) - JPG / JPEG (
image/jpeg) - WebP (
image/webp) - GIF (
image/gif) - AVIF (
image/avif) - HEIC / HEIF (
image/heic,image/heif).
Hvis du forsøger at slippe en filtype, der ikke understøttes, vises fejlmeddelelsen: "Filtypen understøttes ikke. Prøv et PNG-, JPG-, WebP-, GIF-, AVIF- eller HEIC-billede.". Hvis en billedfil er beskadiget eller på anden måde ikke kan indlæses af browseren, viser værktøjet meddelelsen: "Billedet kunne ikke åbnes. Det kan være beskadiget eller i et ikke-understøttet format.".
For at sikre stabil ydeevne i browseren vil billeder, hvor den længste side overstiger 4096 pixler, automatisk blive skaleret ned.
Præcis pixel-navigation og kontrol
Når et billede indlæses korrekt, viser værktøjet meddelelsen "Billede klar – bevæg markøren over det for at udtage prøve, klik for at gemme en farve.". Værktøjet indlæser og viser med det samme farveværdierne og koordinaterne for billedets absolutte centerpixel.
Du kan navigere på billedet på to måder:
- Med markøren: Når du bevæger markøren over billedet, udtages der farveprøver pixel for pixel i realtid. Et klik på billedet gemmer den aktuelle farve.
- Med tastaturet: Du kan flytte et trådkors over billedet ved hjælp af piletasterne på tastaturet for at udtage farveprøver med enkelt-pixel-præcision. Hvis du holder Shift nede, mens du bruger piletasterne, flyttes trådkorset i spring på 10 pixler. Tryk på Enter eller Space gemmer den aktuelt valgte farve.
Når en farve gemmes, tilføjes den til historikken, og værktøjet bekræfter handlingen med beskeden "Gemte {hex} i dine valg.". Historikken over gemte farver kan rumme op til 12 elementer. Hvis du gemmer farver, der har identiske RGB-værdier, men forskellige alfa-værdier (gennemsigtighed), vil de blive gemt som separate elementer i historikken. Hvis historikken er tom, vises teksten: "Farver, du gemmer, vises her – klik på en farveprøve for at indlæse den igen.".
Ved at klikke på knappen "Start forfra" nulstilles værktøjet helt: billedet fjernes, farvehistorikken tømmes, og værktøjet vender tilbage til sin oprindelige tilstand.
Farvemodeller og dataoutput
Når en pixel vælges, beregner og viser værktøjet farven i tre udbredte farveformater, som kan kopieres direkte ved at klikke på den pågældende værdi:
- HEX: Den hexadecimale farvekode (f.eks. til HTML/CSS).
- RGB: Rød, grøn og blå farveintensitet.
- HSL: Nuance (Hue), mætning (Saturation) og lysstyrke (Lightness).
Hvis browseren blokerer for adgangen til udklipsholderen, når du klikker for at kopiere en værdi, vises fejlmeddelelsen: "Kunne ikke kopiere – din browser blokerede adgangen til udklipsholderen.".
Ud over farveværdierne viser værktøjet også billedets dimensioner under "Størrelse" samt de nøjagtige koordinater for den valgte pixel under "Pixel".
Komprimering, anti-aliasing og gennemsigtighed
Værktøjet udlæser altid den rå, eksakte pixelværdi, der ligger lagret i billedfilen. Det er dog vigtigt at forstå, hvordan billedformater og grafikbehandling påvirker disse værdier:
- JPEG-komprimering: JPEG-formatet bruger tabsgivende komprimering. Dette kan introducere små farveafvigelser (støj) omkring skarpe kanter, hvilket betyder, at en farve kan afvige en smule fra den oprindelige farve, der blev brugt, da billedet blev eksporteret.
- Anti-aliasing: Screenshots og grafik indeholder ofte anti-aliasing (kantudjævning) for at gøre overgange blødere. Dette skaber en glidende overgang af blandingsfarver langs kanterne af objekter eller tekst, hvilket ændrer de enkelte pixlers farveværdier i forhold til objektets solide farve.
- Gennemsigtighed (Alfa-kanal): Hvis en pixel er delvist gennemsigtig, udlæses dens farveværdi isoleret, uden at der tages højde for, hvilken baggrundsfarve der eventuelt ligger bag billedet i browseren. Når en delvist gennemsigtig pixel registreres, vises meddelelsen: "Alfa
{n}% – denne pixel er delvist gennemsigtig.".
Lokal databehandling og privatliv
Billedfilen indlæses og behandles lokalt på din egen enhed. Selve afkodningen og farveanalysen sker direkte i din browsers hukommelse, og der uploades ingen data til BroBroGo.
FAQ
Hvordan vælger jeg en farve fra billedet? Flyt markøren over billedet, og panelet viser farven under den med et forstørrelsesglas, der zoomer ind, så du kan ramme den præcise pixel. Klik for at gemme farven i dine valg. Du kan også fokusere på billedet og flytte trådkorset med piletasterne og derefter trykke på Enter.
Hvilke farveformater får jeg? Hver pixel, du udtager prøve af, vises som HEX, RGB og HSL på samme tid. Klik på en vilkårlig værdi for at kopiere den, klar til at indsætte i CSS eller et designværktøj.
Hvorfor matcher en valgt farve ikke altid det, jeg forventede? Du får den nøjagtige pixelværdi, der er gemt i billedet. Hvis det er en JPEG eller et screenshot, kan komprimering og anti-aliasing allerede have rykket de nærliggende pixler en smule, og en delvist gennemsigtig pixel læses for sig selv, uanset hvad der ligger bagved.