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 upptäcker en webbplats med den perfekta färgen för ett projekt 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 det, klicka på hamburgermenyikonen i det övre högra hörnet och klicka sedan på "Web Developer" som finns på fjärde plats från botten.
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 sidan, så se till att du är på 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.
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 stänger färgväljaren, vilket tvingar dig att öppna den igen om du vill välja ut flera färger.
