Wenn Sie ein Designer sind, achten Sie wahrscheinlich auf das Design der Dinge, die Sie verwenden, und suchen nach Inspiration oder Ideen, die Sie übernehmen möchten. Websites sind nicht anders und einer der wichtigsten Bestandteile des Website-Designs ist die Verwendung von Farben. Wenn Sie eine Website mit der perfekten Farbe für ein Projekt entdecken, an dem Sie gerade arbeiten oder über das Sie nachdenken, möchten Sie wahrscheinlich genau herausfinden, welche Farbe es hat. Sie könnten zwar einen Screenshot machen, ihn in einem Bildeditor öffnen und sich dann die RGB-Werte ansehen, dieser Vorgang ist jedoch langsam. Firefox hat tatsächlich ein eingebautes Farbauswahl-Tool, sodass Sie sich Zeit sparen und den genauen Wert im hexadezimalen HTML-Farbformat erhalten, das im Web verwendet wird.
So verwenden Sie den Farbwähler
Die Farbauswahl von Firefox finden Sie in der Entwicklersymbolleiste. Um darauf zuzugreifen, klicken Sie auf das Burger-Menüsymbol in der oberen rechten Ecke und dann auf „Webentwickler“, der sich an vierter Stelle von unten befindet.
Klicken Sie oben rechts auf das Burger-Menüsymbol und dann auf „Webentwickler“.
Klicken Sie in der Liste der Webentwickler-Tools auf „Pipette“ und das Pipetten-Tool wird geöffnet.
Tipp: Das Pipettenwerkzeug kann nicht über Registerkarten oder Fenster hinweg bewegt werden, also stellen Sie sicher, dass Sie es in der Registerkarte öffnen, in der Sie es verwenden möchten. Sie können auch nicht auf der Seite scrollen, also stellen Sie sicher, dass Sie sich befinden die richtige Stelle auf der Seite. Sie können zwar rein- und rauszoomen, aber dies führt dazu, dass die Zentrierung der Farbauswahl unterbrochen wird, was die genaue Verwendung erheblich erschwert.
Wählen Sie in der Liste der Webentwickler-Tools „Pipette“.
Die Pipette folgt Ihrer Maus über das Fenster, bewegen Sie also das zentrale hervorgehobene Quadrat über die Farbe, die Sie auswählen möchten. Die Zoomstufe ist präzise genug, damit Sie die Farbe eines bestimmten Pixels leicht erkennen und auswählen können.
Der HTML-Farbcode des Pixels wird in dem kleinen Kästchen unter dem Zoom-Tool angezeigt, aber auch in die Zwischenablage kopiert, wenn Sie auf die gewünschte Farbe klicken. Beachten Sie jedoch, dass durch Klicken die Farbauswahl geschlossen wird, sodass Sie sie erneut öffnen müssen, wenn Sie mehrere Farben auswählen möchten.
Bewegen Sie Ihre Maus über das Pixel, dessen Farbe Ihnen gefällt, und notieren Sie sich dann entweder den HTML-Farbcode oder klicken Sie, um ihn in Ihre Zwischenablage zu kopieren.