Mit Firefox Farben von Webseiten herausfinden

Posted by admin under Browsen, Firefox

Wenn ich eine neue Webseite erstelle dann probiere ich verschiedene Farbschemata aus bis ich eines gefunden habe was zu der zu erstellenden Webseite passt. Manchmal schaue ich mir andere Webseiten an und übernehme Farben die diese verwendet haben. Ohne Zusatzprogramme ist dieses aber sehr mühselig, da ich mir die Werte aus der HTML bzw. CSS-Datei heraussuchen muss.

Es dauert einfach zu lange den Sourcecode aufzurufen, dort eventuell noch nach dem Link zur CSS-Datei zu suchen und dann die verwendete Farbe zu finden. Auch die Alternative einen Screenshot der Seite anzufertigen und die Farbe über ein Bildbearbeitungsprogramm herauszufinden ist nicht gerade praktikabel.

Da kommt die sogenannten Colorzilla Erweiterung für Firefox gerade recht. Nach der Installation findet man einen kleinen Color Picker am unteren linken Rand. Wenn man auf diesen klickt und dann auf eine beliebige Stelle auf der Webseite klickt erhält man die gewünschten Farbinformationen. Angezeigt werden die RGB Werte, Hex Werte, Position des Cursors und ebenfalls die Position des Farbwertes in der CSS Datei.

Die Informationen werden sehr benutzerfreundlich in der Statusleiste angezeigt, also ohne nervige Popups oder Menüs durch die man sich klicken muss. Wenn man das Icon doppelt klickt, dann erscheint eine Farbtabelle aus der man Farben auswählen kann was ideal für Vergleiche ist.