Heute ist mal wieder ein nützliches kleines FireFox Addon an der Reihe vorgestellt zu werden. Es nennt sich ColorZilla und gleicht der beliebten Pipettenfunktion die man aus sämtlichen Grafikprogrammen kennt. Wer regelmäßig an seinem Blog arbeitet wird oft in die Situation kommen nachschauen zu müssen wie genau die HexCodes einzelner Farben lauten.

Mir begegnet diese Situation fast täglich irgendwo. Ein neues WordPress Plugin erlaubt mir die Farben selbst zu definieren, aber wie war noch gleich der Code für die Linkfarbe? Eine ähnliche Situation bietet sich beispielsweise auch beim anlegen einer neuen Adsense Anzeige. Wer hat auf Anhieb den HexCode für den Rahmen im Kopf wenn es nicht gerade Weiß oder Schwarz ist.

eyedropperAn dieser Stelle hilft ColorZilla wirklich enorm weiter. Statt erst in die Style.css wechseln müssen oder mühsam den Quellcode zu durchforsten kann man nun einfach über einen Klick die ColorZilla Pipette erreichen und aktivieren. Nach der Installation befindet sich das Pipettensymbol in der Statusleiste, ein kurzer Klick aktiviert es. Alternativ kann man die Pipette und weitere Funktionen von ColorZilla auch per Rechtsklick im darauf folgenden Menü erreichen. In der Statusleiste wird dann der HexCodes des Pixels ausgegeben den man gerade mit der Maus überfährt.

WebnewsNeben der Pipette bietet ColorZilla wie erwähnt noch ein paar weitere nette Features. So ist weiterhin ein ColorPicker, mit dem man sich den Code zu jeder gewünschten Farbe selbst suchen kann, integriert. Ausserdem findet sich noch eine Bildschirmlupe mit der man auf jeder beliebigen Internetseite bis zu 1000% heranzoomen kann. Und zu guter letzt gibt es noch den Webpage DOM Color Analyzer der die Hauptfarben der aktuell geöffneten Internetseite nebeneinander darstellt.

ColorZilla läuft bei mir mit der aktuellen Version des FireFox übrigens einwandfrei, sonst würde ich es nicht mehr vorstellen. Viel Spaß mit dem kleinen Helferlein.

Ähnliche Beiträge:


Von Besuchern verwendete Suchbegriffe: color pipette online color picker pipette pipette addon firefox Farbe Pipette Internet farb pipette firefox hintergrundfarbe pipete online farben pipetten online pipette hex colors colorzilla wie firefox add on pipette

17 Kommentare

  1. Markus sagt:

    Hab das Plugin schon seit paar Wochen im Einsatz und bin echt begeistert. klein, Fein aber ab und an echt wichtig^^

  2. Piet sagt:

    Jups, das ist ein Plugin für ab und an. Mal braucht man es 1-2 Wochen garnicht, und dann mehrfach innerhalb von wenigen Tagen.

    Mal schauen ob ich nicht noch ein Addon auf Lager habe das du nicht kennst.

  3. Lizzy sagt:

    Ich habe das Plugin auch seit einiger Zeit installiert. Da ich aber eher den Safari im Einsatz habe, war es immer etwas umständlich den Browser immer extra zu wechseln.

    Dafür habe ich vor ein paar Tagen gelesen, dass ich so ein Tool schon die ganze Zeit auf dem Mac hatte. Den Digtal-Color Farbmesser findet man in den Dienstprogrammen.

    Für Firefox-Benutzer würde ich aber auch ColorZilla empfehlen. :-)
    (Und die Web-Developer-Toolbar)

  4. Daniel sagt:

    ColorZilla nutze ich auch schon ewig, ein wirklich sehr hilfreiches Tool was jeder Webmaster im Einsatz haben sollte. Es eignet sich auch nicht nur zum Color picken, sondern auch um zu schauen wie groß z.B. ein div etc. ist. Das hilft manchmal sehr beim gestalten einer Homepage.

    Ein Addon was ich auch noch sehr hilfreich finde ist Screengrab (https://addons.mozilla.org/de/firefox/addon/1146) hier kann man einen Komplett-Screenshot einer Homepage machen, diesen wahlweise sofort abspeichern oder in die Zwischenablage. Vorteil gegenüber der “Druck-Taste” ist, dass nicht nur der sichtbare Bereich gescreen wurde sondern wirklich alles :)

  5. Piet sagt:

    Hihi, Screengrab war eins der nächsten Addons die ich hier vorstellen will/wollte :P

  6. Markus sagt:

    dann hast doch schon ein plugin das ich noch nicht kannte^^

  7. Piet sagt:

    Ob es sich jetzt noch lohnt einen Artikel dazu zu schreiben? Ich glaub nicht.

  8. Mac_BetH sagt:

    Hallo Piet,

    ja Colorzilla ist eines meiner wichtigsten Addons neben firebug! Ich benutze es um Links in der gleichen Farbe darzustellen und mir ist es dann meist zum umständlich zu schauen, welche Farbe der Link hat. Warst schneller wie ich, wollte ich auch noch einen Artikel drüber schreiben! ;-)

    Screengrab finde ich auch klasse, wobei hier für mich eigentlich nur wichtig ist, dass ich die ganze Seite “scannen” und als Bild versenden kann, wenn ich dann eine längere Fehlermeldung oder Ausgabe an den Kunden schicken will, geht das damit einwandfrei!

    Gruß

    Matthias

  9. Piet sagt:

    Das ist der Punkt, bis auf ColorZilla sind alle Möglichkeiten mal schnell eine Farbe nachzuschauen sehr umständlich.

    Und wegen dem Artikel, schreib doch trotzdem drüber, ich finde man sollte immer jede Chance nutzen nützliche Tools zu verbreiten.

    Ich werde vermutlich auch irgendwann noch über was zu Screengrab schreiben, aber den angefangenen Draft schieb ich nu erstmal ne Weile vor mir her :P

    PS: Aus dem Urlaub zurück?

  10. Mac_BetH sagt:

    Hallo Piet,

    jipp, vor 5 Stundeng gelandet! Und sitze jetzt am Rechner, weil ich nicht schlafen kann!

    Urlaubsbericht gibt es morgen, war leider 3 Tage krank, kommt nicht so gut, haben aber trotzdem das beste draus gemacht!

    Sag mal noch eine Frage, den Text unter deinem Button Kommentar absenden, dürfte ich den kopieren?

    By the way, schläfst du auch mal?

    Gruß

    Matthias

  11. Piet sagt:

    Oh, ich hoffe du hattest trotzdem einen schönen Urlaub? Hiermit hast du die Erlaubnis dir alles von meinem Blog zu entführen was die gefällt, also auch den Comments Policy Text. :)

    Schlafen.. ja das ist ne lange Geschichte. Ich hab immer schon große Probleme abzuschalten und einzuschlafen. Bin oft bis Sonnenaufgang wach und hole mir dann noch mit Glück 1-2 Stunden Schlaf ab. Diese Nacht waren die laut feiernden Nachbarn Schuld. -.-

  12. Mac_BetH sagt:

    Hallo Peter,

    danke schön!

    Ja das mit wenig schlaf und nicht ankommen, wenn einem 1000 Sachen im Kopf rumschwirren kenne ich!

    Aber nach 1 – 2 Stunden Schlaf dauerhaft, wäre ich echt kein Mensch mehr! Bei dir scheint das aber öfters zu gehen, oder nur am WE?

    Gruß

    Matthias

  13. Piet sagt:

    Das geht auch unter der Woche manchmal so, leider :)

  14. Thom sagt:

    Kukuk Piet, ich hatte da doch so ein Video im Juli gedreht um meine Stimme mal zu testen und dort habe ich das Plugin mal besprochen.
    Rauslöschen geht klar wenn dir meine Stimme nicht gefällt. :-)
    http://www.tipblog.de/video-2-firefox-browser-addons/

    Die beiden habe ich fast täglich im Einsatz

  15. Piet sagt:

    Hey, klasse gemacht find ich. Vor allem sehr angenehme Stimme. War das jetzt ein Angebot das Video hier einzubinden? Wenn ja, dann komme ich dem gerne nach.

  16. Thom sagt:

    Kannste gerne machen, war ja auch mein Grund die beiden guten Plugins vorzustellen, obwohl ich sowas noch nie gemacht habe.
    Klar der Videoschnitt ist nicht so mein Ding aber man sieht es in Aktion.

  17. Sensei sagt:

    Ich nutze ColorZilla schon ewig und habe es auch selber in meinem Artikel Firefox Plugins für Webentwickler empfohlen.

    Was mir besonders gut gefällt, ist das man damit auch die Div’s oder anderen Elemente der Website mit Namen angezeigt bekommt und nicht nur die Farbe. Eine wirklich perfekte Kombination und sehr hilfreich für das verwalten und erstellen von Websites.

    @Piet ich hoffe das mit dem Link ist ok