Hur man identifierar specifik färg på en app eller webbplats

Hur man identifierar specifik färg på en app eller webbplats

Föreställ dig att du bläddrar igenom bilder och du hittar den perfekta färgen – den exakta nyansen du behöver för ditt nästa designprojekt. Det finns några fantastiska verktyg på internet som hjälper dig att identifiera specifika färger på vilken app eller webbplats som helst. Låt oss ta en titt på några av de bästa alternativen dem.

1. Använda utvecklarverktyg i webbläsaren Chrome

Ett alternativ du kan prova är utvecklarverktyget Chrome. Chrome kommer med många användbara funktioner för utvecklare, vilket gör uppgifter mycket enklare att utföra. Du kan använda följande steg för att identifiera specifika färger på valfri app eller webbplats.

  • Öppna webbplatsen där du vill identifiera en färg i webbläsaren Chrome
  • Klicka på ikonen med tre punkter längst upp till höger i Chrome. En popup med en massa alternativ kommer att visas.
  • Klicka på "Fler verktyg" och välj sedan "Utvecklarverktyg" från den resulterande popup-rutan.
  • Använd Ctrl + Shift + I om du vill hoppa över stegen ovan
  • Nu delar fönstret upp i två skärmar – webbplatsen till vänster och koden för webbplatsen till höger
  • Skriv in Ctrl + Shift + C på ditt tangentbord. Detta visar dig alla detaljer om ett visst element på webbplatsen när vi håller muspekaren på elementen.
  • Du kan hitta elementets färgkod tillsammans med annan användbar information.

Exempel

Låt oss säga att du är intresserad av de specifika färgkoderna för vissa element på följande webbplats:

Hur man identifierar specifik färg på en app eller webbplats

Du kan välja utvecklarverktygen genom att klicka på de tre prickarna i hörnet på skärmen. I rullgardinsmenyn väljer du Fler verktyg och sedan Utvecklarverktyg.

Hur man identifierar specifik färg på en app eller webbplats

Hur man identifierar specifik färg på en app eller webbplats

Skärmen kommer visuellt att delas upp i två sidor. Du ser webbplatsen till vänster och webbplatsens kod till höger.

Hur man identifierar specifik färg på en app eller webbplats

Skriv kommandot och genvägen "Ctrl + Shift + C" och för muspekaren över elementen på webbplatsen. Detta kommer att visa färgen på det elementet, tillsammans med annan användbar information. Nedan finns två exempel där vi hittar färgen på navigeringsfältet och en instrumentpanel under sökverktyget.

Här kan vi hitta färgkoden i popup-fönstret för navigeringsfältet. Färgkoden är #333333.

Hur man identifierar specifik färg på en app eller webbplats

Färgen på instrumentbrädan kan hittas tillsammans med andra användbara detaljer. Färg: #333333, Bakgrundsfärg: #5D4A8E. Även om det kan se lite skrämmande ut i början, blir programmet mycket lättare att använda med lite övning.

2. Eye Dropper Chrome Extension

Eye Dropper är ett populärt och allmänt använt Chrome-tillägg som hjälper dig att hitta vissa färger på vilken webbplats eller app som helst.

Hur man identifierar specifik färg på en app eller webbplats

Följ stegen nedan för att identifiera specifika färger på en webbplats eller app med förlängningsverktyget Eye Dropper.

  • Öppna valfri webbplats eller app i webbläsaren Chrome
  • Klicka på Eye Dropper-förlängningsikonen
  • Välj "Välj färg från webbsida" och håll muspekaren över olika element i appen eller webbplatsen.

Hur man identifierar specifik färg på en app eller webbplats

Du kan hitta färgkoden för elementen som anges längst ner till höger på webbsidan.

Exempel

Okej, låt oss använda pipettförlängningsverktyget i ett verkligt exempel. Vi börjar med att öppna en webbplats och trycka på Eye Dropper-förlängningsikonen

Hur man identifierar specifik färg på en app eller webbplats

När du håller muspekaren över olika delar av webbplatsen kan du se färgkoderna visas i ett avsnitt längst ner till höger på skärmen.

Hur man identifierar specifik färg på en app eller webbplats

När jag håller muspekaren över den V-formade ikonen kan jag se dess färgkod i det nedre fönstret som nämnts. Fördelen med det här verktyget är att du även kan hitta RGB-koden tillsammans med elementets hex-färgkod. Metoden är flexibel att använda för den som vill ha ett enkelt och snabbt sätt att ta tag i koderna för sina favoritfärger.


Så här tvingar du Google Chrome att alltid visa fullständiga webbadresser

Så här tvingar du Google Chrome att alltid visa fullständiga webbadresser

Chrome, som standard, visar dig inte hela webbadressen. Du kanske inte bryr dig så mycket om denna detalj, men om du av någon anledning behöver den fullständiga webbadressen visas, detaljerade instruktioner om hur du får Google Chrome att visa hela webbadressen i adressfältet.

Hur man får tillbaka gamla Reddit

Hur man får tillbaka gamla Reddit

Reddit ändrade sin design ännu en gång i januari 2024. Omdesignen kan ses av datoranvändare och begränsar huvudflödet samtidigt som det tillhandahåller länkar

Hur man kopierar innehåll från läroböcker med Google Lens

Hur man kopierar innehåll från läroböcker med Google Lens

Att skriva ditt favoritcitat från din bok till Facebook är tidskrävande och fullt av fel. Lär dig hur du använder Google Lens för att kopiera text från böcker till dina enheter.

Snabbguide om hur du skapar påminnelser på Google Home

Snabbguide om hur du skapar påminnelser på Google Home

Påminnelser har alltid varit Google Homes stora höjdpunkt. De gör säkert vårt liv enklare. Låt oss ta en snabb rundtur om hur du skapar påminnelser på Google Home så att du aldrig missar att ta hand om viktiga ärenden.

Fixa serverns DNS-adress kunde inte hittas i Chrome

Fixa serverns DNS-adress kunde inte hittas i Chrome

Ibland, när du arbetar med Chrome, kan du inte komma åt vissa webbplatser och får felmeddelandet "Åtgärda serverns DNS-adress kunde inte hittas i Chrome". Så här kan du lösa problemet.

8 Minecraft Castle-designer eller idéer du borde prova

8 Minecraft Castle-designer eller idéer du borde prova

De säger att en persons hem är deras slott, men i Mojangs Minecraft kan du bygga ett slott som ditt hem. Oavsett om du bygger den i Nederländerna eller på ett berg, är de tjocka väggarna perfekta för att hålla folkmassor ute.

Hur man halvsvepar på Snapchat

Hur man halvsvepar på Snapchat

Läskvitton på Snapchat kan vara ett tveeggat svärd. Även om de ger feedback när ett meddelande har visats, kan de också skapa förväntningar och tryck på omedelbara svar.

Hur man lägger till sidor i ett Google Docs-dokument

Hur man lägger till sidor i ett Google Docs-dokument

När du skapar ett nytt Google Docs-dokument, tänker du på dess struktur i förväg. Vet du till exempel hur man lägger till sidor, en innehållsförteckning eller hur man numrerar sidorna.

Hur man reagerar på meddelanden på Discord

Hur man reagerar på meddelanden på Discord

Discord är en populär kommunikationsapp för spelare, men alla typer av människor använder den i stor utsträckning. Dess mest framträdande funktion är röstchatt, men du kan också skicka textmeddelanden, bilder och olika filer till individer eller hela samhällen.

Hur du återställer din förlorade Snapchat-strimma

Hur du återställer din förlorade Snapchat-strimma

Snapchat Streak eller Snapstreak är antalet dagar i följd du har bytt Snaps med din Snapchat-vän. Det visas bredvid vännernas namn i form av brand-emoji och ett nummer som representerar antalet dagar du höll kontakten via Snapchat-appen.