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.


Leave a Comment

Opera för Android: Hur man konfigurerar Ad-Blocker

Opera för Android: Hur man konfigurerar Ad-Blocker

Annonser kan vara användbara eftersom de informerar dig om erbjudanden och tjänster du kan behöva. Men de kan bli ohanterliga och bli irriterande. Det är då du vänder dig till annonsblockerare. Lär dig hur du konfigurerar Ad-Blocker i Opera för Android med dessa steg.

Hur man markerar text i Google Docs

Hur man markerar text i Google Docs

Lär dig hur man markerar eller framhäver viss text i dina Google Docs-dokument med hjälp av dessa steg för din dator, smartphone eller surfplatta.

Hur man ändrar typsnitt i Google Chrome

Hur man ändrar typsnitt i Google Chrome

Webbläsaren Google Chrome erbjuder ett sätt för dig att ändra de typsnitt den använder. Lär dig hur du ställer in typsnittet på det du vill.

Så här markerar du text i Google Slides

Så här markerar du text i Google Slides

Lär dig hur du markerar text med färg i Google Slides-appen med denna steg-för-steg-guide för mobil och dator.

Firefox: Hur man identifierar en specifik färg på en webbsida

Firefox: Hur man identifierar en specifik färg på en webbsida

Se hur du kan identifiera en specifik färg med ett integrerat verktyg i Firefox utan att använda tredjepartsprogram.

7 Chrome-tillägg för att göra Gmail mer produktiv

7 Chrome-tillägg för att göra Gmail mer produktiv

Du kan hitta flera tillägg för Gmail för att göra din hantering av e-post mer produktiv. Här är de bästa Gmail Chrome-tilläggen.

Hur man slår på eller av stavningskontrollen i Firefox

Hur man slår på eller av stavningskontrollen i Firefox

Se hur enkelt det är att lägga till ett ord eller ett annat språk i Firefox stavningskontroll. Se också hur du kan stänga av stavningskontroll för webbläsaren.

Snabbtips: Så här stänger du av Google Assistant

Snabbtips: Så här stänger du av Google Assistant

Se vilka steg du ska följa för att snabbt stänga av Google Assistant. Känn dig mindre övervakad och inaktivera Google Assistant.

Är det möjligt att blockera någon från att se dina kommentarer på Facebook?

Är det möjligt att blockera någon från att se dina kommentarer på Facebook?

Dina Facebook-vänner kan se alla kommentarer du skriver på offentliga inlägg. Facebook-kommentarer har inga individuella sekretessinställningar.

Så här ändrar du Facebooks integritetsinställningar på en telefon eller tablet

Så här ändrar du Facebooks integritetsinställningar på en telefon eller tablet

Att veta hur du ändrar Facebooks integritetsinställningar på en telefon eller tablet gör det enklare att hantera ditt konto.