Firefox: Jak identifikovat konkrétní barvu na webové stránce

Pokud jste designér, pravděpodobně věnujete pozornost designu věcí, které používáte, hledáte inspiraci nebo nápady, které byste chtěli přijmout. Webové stránky se neliší a jednou z klíčových částí designu webových stránek je použití barev. Pokud objevíte webovou stránku s dokonalou barvou pro projekt, na kterém pracujete nebo o kterém přemýšlíte, pravděpodobně budete chtít zjistit, jakou barvu přesně má. I když můžete pořídit snímek obrazovky, otevřít jej v editoru obrázků a poté se podívat na hodnoty RGB, tento proces je pomalý. Firefox má ve skutečnosti vestavěný nástroj pro výběr barvy, takže si můžete ušetřit čas a získat přesnou hodnotu v hexadecimálním formátu HTML barvy používaném na webu.

Jak používat výběr barvy

Nástroj pro výběr barvy Firefoxu lze nalézt na panelu nástrojů pro vývojáře. Chcete-li se k němu dostat, klikněte na ikonu nabídky hamburgeru v pravém horním rohu a poté klikněte na „Web Developer“, který najdete čtvrtý odspodu.

Klikněte na ikonu nabídky burgeru v pravém horním rohu a poté klikněte na „Web Developer“.

V seznamu nástrojů pro vývojáře webu klikněte na „Eyedropper“ a otevře se nástroj kapátko.

Tip: Nástroj kapátko nelze přesouvat přes karty nebo okna, takže jej otevřete na kartě, na které jej chcete použít. Stránku také nebudete moci posouvat, takže se ujistěte, že jste v na správném místě na stránce. I když můžete technicky přibližovat a oddalovat, způsobí to zlomení centrování nástroje pro výběr barvy, což ztíží jeho přesné použití.

V seznamu nástrojů pro vývojáře webu vyberte „Kapátko“.

Nástroj kapátko bude sledovat vaši myš přes okno, takže přesuňte středový zvýrazněný čtverec nad barvu, kterou chcete vybrat. Úroveň přiblížení je dostatečně přesná, abyste mohli snadno vidět a vybrat barvu konkrétního pixelu.

Kód barvy HTML pixelu se zobrazí v malém rámečku pod nástrojem přiblížení, ale pokud kliknete na požadovanou barvu, bude také zkopírován do schránky. Uvědomte si však, že kliknutím zavřete výběr barev a budete jej nuceni znovu otevřít, pokud chcete vybrat více barev.

Přesuňte kurzor myši na konkrétní pixel, jehož barva se vám líbí, a poté si poznamenejte kód barvy HTML nebo jej kliknutím zkopírujte do schránky.