Grip alle farger fra Firefox-økt

0
224

Som en amatør HTML-og CSS-entusiast jeg se farger og ordninger som jeg virkelig liker noen ganger, og når jeg prøver å finne de beste fargene for å passe mine sider jeg ønsker å prøve disse ut. Det er vanligvis svært klossete å finne ut disse fargene uten spesialverktøy, men jeg har funnet en flott Firefox-utvidelsen til å gjøre jobben for meg.

Inntil nå kan du høyre-klikke -> vis kilde på en side, og deretter prøve og finne den relevante delen og ta en titt på fargekoder der. Dette kan ta litt lang tid hvis det er et stort css-filen, og det kan være forvirrende for de som ikke vet noe som helst om CSS.

En annen mulighet du har er å trykke på F12 for å åpne den innebygde utvikler verktøy for å finne ut mer om spesifikke elementer på siden på denne måten.

Alternativt kan du ta et skjermbilde, lime det inn i Photoshop eller Paint.net og finne ut hva fargen du ser på ved hjelp av fargevelgeren.

colorzilla

Ved hjelp av Colorzilla Firefox-utvidelsen men gir deg mye nærmere til disse fargene. Etter installasjonen kan du finne en liten, fargevelgeren når du klikker på den extension-ikonet i en av nettleseren verktøylinjer.

Hvis du klikker på det én gang, og du vil flytte markøren hvor som helst på siden vil du få mye informasjon. Den nyeste versjonen viser deg RGB-info, Hex farge info, markøren, og også stedet i CSS-filen der fargen er.

Du kan deretter når som helst for å kopiere den heksadesimale koden for den gjeldende fargen til utklippstavlen.

Informasjon er også vist i en svært brukervennlig måte på toppen av siden, slik at ingen popup-dialogbokser (som jeg hater) og det er ingen grunn til å klikke deg gjennom menyene. Hvis du klikker på ikonet to ganger finner du en farge palett hvor du kan plukke farger, perfekt for å sammenligne og plukke nær farger.

Mens jeg setter pris på at dette ikke er et verktøy for massene, jeg funnet det svært nyttig i de få tilfellene jeg trengte det, den har spart meg mye tid og frustrasjon.

Oppdatering: ColorZilla er nå også tilgjengelig for Google Chrome nettleser.