Firefox: Hvordan identifisere en bestemt farge på en nettside

Hvis du er en designer, legger du sannsynligvis merke til utformingen av tingene du bruker, på jakt etter inspirasjon eller ideer du vil ta i bruk. Nettsteder er ikke annerledes, og en av de viktigste delene av nettsteddesign er bruken av farger. Hvis du ser et nettsted med den perfekte fargen for et prosjekt du jobber med eller tenker på, vil du sannsynligvis finne ut nøyaktig hvilken farge det er. Selv om du kan ta et skjermbilde, åpne det i et bilderedigeringsprogram og deretter se på RGB-verdiene, er denne prosessen treg. Firefox har faktisk et fargevelgerverktøy innebygd slik at du kan spare deg selv for tid og få den nøyaktige verdien i det heksadesimale HTML-fargeformatet som brukes på nettet.

Slik bruker du fargevelgeren

Firefoxs fargevelger finner du i utviklerverktøylinjen. For å få tilgang til den, klikk på burgermenyikonet øverst til høyre, og klikk deretter på "Web Developer" som kan bli funnet på fjerdeplass fra bunnen.

Klikk på burgermenyikonet øverst til høyre, og klikk deretter på "Web Developer".

I listen over nettutviklerverktøy klikker du på "Eyedropper" og pipetteverktøyet åpnes.

Tips: Pipetteverktøyet kan ikke flyttes over faner eller vinduer, så sørg for at du åpner det i fanen du vil bruke det i. Du vil heller ikke kunne rulle siden, så sørg for at du er på rett sted på siden. Selv om du teknisk kan zoome inn og ut, vil dette føre til at sentreringen av fargevelgeren bryter, noe som gjør det mye vanskeligere å bruke nøyaktig.

I listen over nettutviklerverktøy velger du "Eyedropper".

Pipetteverktøyet vil følge musen over vinduet, så flytt den sentrale uthevede firkanten over fargen du vil velge. Zoomnivået er nøyaktig nok til at du enkelt kan se og velge fargen på en bestemt piksel.

HTML-fargekoden til pikselen vises i den lille boksen under zoomverktøyet, men vil også bli kopiert til utklippstavlen hvis du klikker på fargen du liker. Bare vær oppmerksom på å klikke vil lukke fargevelgeren, og tvinge deg til å åpne den igjen hvis du ønsker å velge ut flere farger.

Flytt musen over den spesifikke pikselen du liker fargen på, og noter deretter HTML-fargekoden eller klikk for å kopiere den til utklippstavlen.