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

Om du är en designer, är du förmodligen uppmärksam på utformningen av saker du använder, letar efter inspiration eller idéer som du skulle vilja ta till dig. Webbplatser är inte annorlunda och en av de viktigaste delarna av webbdesign är användningen av färg. Om du ser en webbplats med den perfekta färgen för ett projekt som du arbetar med eller funderar på, kommer du förmodligen att vilja ta reda på exakt vilken färg det är. Även om du kan ta en skärmdump, öppna den i en bildredigerare och sedan titta på RGB-värdena, är denna process långsam. Firefox har faktiskt ett färgväljarverktyg inbyggt så att du kan spara tid och få det exakta värdet i det hexadecimala HTML-färgformatet som används på webben.

Hur man använder färgväljaren

Firefoxs färgväljare finns i verktygsfältet för utvecklare. För att komma åt den, klicka på hamburgermenyikonen i det övre högra hörnet och klicka sedan på "Webbutvecklare" som finns på fjärde plats från botten.

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

Klicka på hamburgermenyikonen i det övre högra hörnet och klicka sedan på "Webbutvecklare".

I listan över webbutvecklarverktyg klickar du på "Eyedropper" så öppnas pipettverktyget.

Tips: Pipettverktyget kan inte flyttas över flikar eller fönster, så se till att du öppnar det på den flik du vill använda det i. Du kommer inte heller att kunna rulla på sidan, så se till att du är i rätt plats på sidan. Även om du tekniskt kan zooma in och ut, kommer detta att göra att centreringen av färgväljaren går sönder, vilket gör det mycket svårare att använda exakt.

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

I listan över webbutvecklarverktyg väljer du "Eyedropper".

Pipettverktyget följer din mus över fönstret, så flytta den centrala markerade fyrkanten över färgen du vill välja. Zoomnivån är tillräckligt exakt för att du enkelt ska kunna se och välja färg på en specifik pixel.

HTML-färgkoden för pixeln visas i den lilla rutan under zoomverktyget men kommer också att kopieras till urklippet om du klickar på den färg du gillar. Var bara medveten om att ett klick kommer att stänga färgväljaren, vilket tvingar dig att öppna den igen om du vill välja ut flera färger.

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

Flytta musen över den specifika pixel som du gillar färgen på och anteckna sedan HTML-färgkoden eller klicka för att kopiera den till ditt urklipp.


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.