Hvordan identifisere spesifikk farge på en app eller et nettsted

Se for deg at du blar gjennom bildene og finner den perfekte fargen – akkurat den nyansen du trenger for ditt neste designprosjekt. Det er noen fantastiske verktøy på internett for å hjelpe deg med å identifisere spesifikke farger på en hvilken som helst app eller nettside. La oss ta en titt på noen av de beste alternativene.

1. Bruke utviklerverktøy på Chrome nettleser

Et alternativ du kan prøve er Chrome-utviklerverktøyet. Chrome kommer med mange nyttige funksjoner for utviklere, noe som gjør oppgaver mye enklere å utføre. Du kan bruke følgende trinn for å identifisere spesifikke farger på en hvilken som helst app eller nettside.

  • Åpne nettstedet der du vil identifisere en farge i Chrome-nettleseren
  • Klikk på ikonet med tre prikker øverst til høyre i Chrome. En popup med en rekke alternativer vises.
  • Klikk på "Flere verktøy" og velg deretter "Utviklerverktøy" fra det resulterende popup-vinduet.
  • Bruk Ctrl + Shift + I hvis du vil hoppe over trinnene ovenfor
  • Nå deler vinduet seg i to skjermer – nettstedet til venstre og koden til nettstedet til høyre
  • Skriv inn Ctrl + Shift + C på tastaturet. Dette viser deg alle detaljene til et bestemt element på nettstedet når vi holder musepekeren på elementene.
  • Du kan finne fargekoden til elementet sammen med annen nyttig informasjon.

Eksempel

La oss si at du er interessert i de spesifikke fargekodene for enkelte elementer på følgende nettsted:

Hvordan identifisere spesifikk farge på en app eller et nettsted

Du kan velge utviklerverktøyene ved å klikke på de tre prikkene i hjørnet av skjermen. I rullegardinmenyen velger du Flere verktøy og deretter Utviklerverktøy.

Hvordan identifisere spesifikk farge på en app eller et nettsted

Hvordan identifisere spesifikk farge på en app eller et nettsted

Skjermen vil bli visuelt delt inn i to sider. Du vil se nettstedet til venstre og nettstedets kode til høyre.

Hvordan identifisere spesifikk farge på en app eller et nettsted

Skriv inn kommandoen og snarveien "Ctrl + Shift + C" og hold musepekeren over elementene på nettstedet. Dette vil vise fargen på det elementet, sammen med annen nyttig informasjon. Nedenfor er to eksempler hvor vi finner fargen på navigasjonslinjen og et dashbord under søkeverktøyet.

Her kan vi finne fargekoden på popup-vinduet for navigasjonslinjen. Fargekoden er #333333.

Hvordan identifisere spesifikk farge på en app eller et nettsted

Fargen på dashbordet finner du sammen med andre nyttige detaljer. Farge: #333333, Bakgrunnsfarge: #5D4A8E. Selv om det kan se litt skremmende ut i begynnelsen, blir programmet mye enklere å bruke med litt trening.

2. Eye Dropper Chrome Extension

Eye Dropper er en populær og mye brukt Chrome-utvidelse for å hjelpe deg med å finne bestemte farger på hvilken som helst nettside eller app.

Hvordan identifisere spesifikk farge på en app eller et nettsted

Følg trinnene nedenfor for å identifisere spesifikke farger på et nettsted eller en app ved å bruke Eye Dropper-utvidelsesverktøyet.

  • Åpne en hvilken som helst nettside eller app i Chrome-nettleseren
  • Klikk på Eye Dropper-utvidelsesikonet
  • Velg "Velg farge fra nettside" og hold musepekeren over forskjellige elementer på appen eller nettstedet.

Hvordan identifisere spesifikk farge på en app eller et nettsted

Du finner fargekoden til elementene oppført nederst til høyre på nettsiden.

Eksempel

Ok, la oss bruke pipetteforlengelsesverktøyet i et virkelighetseksempel. Vi begynner med å åpne et nettsted og trykke på Eye Dropper-utvidelsesikonet

Hvordan identifisere spesifikk farge på en app eller et nettsted

Når du holder markøren over ulike elementer på nettsiden, kan du se fargekodene vises i en seksjon nederst til høyre på skjermen.

Hvordan identifisere spesifikk farge på en app eller et nettsted

Når jeg holder markøren over det V-formede ikonet, kan jeg se fargekoden i det nederste vinduet som nevnt. Fordelen med dette verktøyet er at du også kan finne RGB-koden sammen med hex-fargekoden til elementet. Metoden er fleksibel å bruke for de som ønsker en enkel og rask måte å hente kodene til favorittfargene sine.


Leave a Comment

🚀 Løs synkroniseringskonflikt med flere profiler i Microsoft Edge på få minutter – en velprøvd guide fra 2026

🚀 Løs synkroniseringskonflikt med flere profiler i Microsoft Edge på få minutter – en velprøvd guide fra 2026

Lei av at synkroniseringskonflikt med flere profiler i Microsoft Edge ødelegger nettlesingen din? Oppdag trinnvise løsninger for å løse synkroniseringsfeil, slå sammen profiler og synkronisere sømløst på tvers av enheter. Fungerer på de nyeste Edge-versjonene!

🚀 Fiks feilen med midlertidig synkronisering av Microsoft Edge-konto: Påviste feilsøkingstrinn

🚀 Fiks feilen med midlertidig synkronisering av Microsoft Edge-konto: Påviste feilsøkingstrinn

Lei av at Microsoft Edge Sync Pause-kontofeilen forstyrrer nettlesingen din? Oppdag raske og effektive feilsøkingstrinn for å gjenopprette sømløs synkronisering på tvers av enheter. Oppdatert med de nyeste rettelsene for en problemfri Edge-opplevelse.

Fiks ukjent diskfeil på bakoverkompatible spill – Ultimat Xbox-guide

Fiks ukjent diskfeil på bakoverkompatible spill – Ultimat Xbox-guide

Få bukt med den frustrerende feilen «Ukjent plate» for bakoverkompatible spill på Xbox Series X|S. Følg våre velprøvde trinnvise løsninger for å gjenopprette det klassiske spillbiblioteket ditt umiddelbart.

🚀 Fiks tilbakestillingsfeil for Microsoft Edge Windows Hello PIN umiddelbart – dokumenterte løsninger for 2026!

🚀 Fiks tilbakestillingsfeil for Microsoft Edge Windows Hello PIN umiddelbart – dokumenterte løsninger for 2026!

Sliter du med tilbakestillingsfeilen for PIN i Microsoft Edge i Windows Hello? Oppdag trinnvise løsninger for å løse det raskt. Få tilgang til nettleseren din igjen uten frustrasjon – oppdatert for de nyeste Windows-oppdateringene.

🚀 Fiks Microsoft Edge blank hvit skjerm ved oppstart: Velprøvde løsninger som fungerer umiddelbart!

🚀 Fiks Microsoft Edge blank hvit skjerm ved oppstart: Velprøvde løsninger som fungerer umiddelbart!

Sliter du med blank, hvit skjerm i Microsoft Edge ved oppstart? Oppdag trinnvise løsninger for problemet med blank, hvit skjerm i Edge, fra raske tilbakestillinger til avanserte reparasjoner. Kom tilbake til nettlesing uten problemer!

Ikke mist fordelen: Den ultimate guiden til sikkerhetskopiering av Microsoft Edge-data før systemtilbakestilling

Ikke mist fordelen: Den ultimate guiden til sikkerhetskopiering av Microsoft Edge-data før systemtilbakestilling

Steg-for-steg-veiledning for hvordan du sikkerhetskopierer Microsoft Edge-data som bokmerker, passord, historikk og innstillinger før en systemtilbakestilling. Beskytt nettleserens viktige elementer med enkle og pålitelige metoder.

🚀 Fiks Microsoft Edge Capture Card uten signal 60FPS – Ultimat guide til jevn 60FPS-strømming!

🚀 Fiks Microsoft Edge Capture Card uten signal 60FPS – Ultimat guide til jevn 60FPS-strømming!

Sitter du fast med feilen «Microsoft Edge Capture Card No Signal 60FPS»? Oppdag velprøvde løsninger for å gjenopprette signalet, oppnå 60 FPS jevnt og strømme uten forsinkelser. Steg-for-steg-veiledning for umiddelbare resultater!

🚀 Fiks konfigurasjonsfeilen i Microsoft Edge side om side på få minutter – en velprøvd guide for 2026!

🚀 Fiks konfigurasjonsfeilen i Microsoft Edge side om side på få minutter – en velprøvd guide for 2026!

Lei av den frustrerende konfigurasjonsfeilen i Microsoft Edge Side-by-Side? Oppdag enkle, trinnvise løsninger for å løse den raskt og gjenopprette problemfri nettlesing. Oppdatert med de nyeste løsningene!

Fiks Microsoft Edge Installer-feil 124 på få minutter: Velprøvd feilsøkingsveiledning

Fiks Microsoft Edge Installer-feil 124 på få minutter: Velprøvd feilsøkingsveiledning

Sitter du fast med Microsoft Edge Installer-feil 124? Få trinnvise løsninger for å løse installasjonsfeil raskt. Velprøvde løsninger for problemfri Edge-oppsett på Windows. Ingen tekniske ferdigheter kreves!

Fiks Microsoft Edge Installer-feil 124 på Windows 11: Ultimat trinnvis veiledning

Fiks Microsoft Edge Installer-feil 124 på Windows 11: Ultimat trinnvis veiledning

Lei av at Microsoft Edge Installer-feil 124 blokkerer Windows 11-oppsettet ditt? Følg våre velprøvde, enkle løsninger for å løse det raskt og gjenopprette problemfri nettlesing. Ingen teknisk ekspertise nødvendig!