3 Color Picker Add-Ons für Webdesigner und Grafiker [Firefox]

Grafiker brauchen kein Auge mehr für Farbe. Mit den heute zur Verfügung stehenden Werkzeugen könnten Sie farbenblind sein und trotzdem Ihr Image genau richtig machen. Okay, das war eine extravagante Übertreibung, aber wie wir mit dem vorherigen Artikel über 3 kostenlose Farbauswahl-Tools zur Auswahl von Farben von Ihrem Desktop aus gesehen haben. 3 Kostenlose Farbauswahl-Tools, um Farben von Ihrem Desktop zu wählen Desktop Lesen Sie mehr Die Auswahl von Farben aus den zahlreichen Farbtönen ist kinderleicht.

Augentropfen und Farbwähler können außerhalb eines Mammut-Grafiktools wie Photoshop und CorelDraw verwendet werden. Die meisten dieser Tools sind klein und portabel. Heute werden wir jedoch von Desktop-Farbauswahl-Tools abweichen und fünf Browser-basierte betrachten.

Ein Grafiker kann sich von überall her inspirieren lassen ... und wenn es online ist, könnten ein paar sehr nützliche Firefox-Add-Ons sehr nützlich sein.

ColorZilla

Dieses fortschrittliche Pipetten-Tool für Firefox ist ein Hingucker, da es die maximale Anzahl von Downloads und eine Reihe guter Bewertungen anzeigt. Wie Sie auf dem obigen Bildschirm sehen können, verfügt ColorZilla über einige Funktionen wie eine erweiterte Pipette, eine Farbauswahl, einen Seiten-Zoomer, einen Paletten-Browser und einen CSS-Verlaufsgenerator.

• Das Dialogfeld Farbauswahl ist dem in Photoshop sehr ähnlich.
• Wenn Sie Probleme beim Aufnehmen eines farbigen Pixels haben, können Sie eine Webseite auf maximal 1000% zoomen und mit der Pipette die Farbe des Pixels aufnehmen. Durch das automatische Kopieren von Pixelwerten in die Zwischenablage können Sie die Werte einfach in Ihren HTML-Editor oder anderswo einfügen.
• Mit dem Palettenbrowser können Sie Farben aus den verschiedenen verfügbaren Paletten auswählen und vom Benutzer erstellte Paletten speichern.

PixelZoomer

PixelZoomer ist ein übersichtliches Firefox-Add-On, das einen Screenshot des sichtbaren Bereichs Ihrer Webseite erstellt und Ihnen einige Werkzeuge für die Pixelzuordnung gibt, um mit dem Bild in einem separaten Fenster (oder Tab) zu arbeiten..

• Ein Auswahlwerkzeug hilft dabei, einen Bereich auszuwählen und genaue Messungen zu schätzen
• Sie können den Screenshot auf 3200% vergrößern und die Farbe eines beliebigen Pixels mit dem Pipettenwerkzeug aufnehmen.
• Das Pipettenwerkzeug kann Farbwerte erfassen und den HEX-Code in eine andere Anwendung kopieren.
• Sie können es als einfaches Screenshot-Tool verwenden, da Sie das Bild als PNG-Datei speichern können.

Regenbogen-Farbwerkzeuge

Rainbow Color Tools ist eigentlich ein Satz von vier leistungsstarken Tools. Für einen Webdesigner sind die Tools sehr intuitiv, da sie fast aus einem oder zwei Klicks bestehen.

• Inspector - Sie können den Mauszeiger über ein beliebiges Pixel auf einer Webseite bewegen und eine Vorschau der Farbe und der HEX-Werte anzeigen (dies können Sie in den Einstellungen ändern). Ein einzelner Klick kopiert die Pixelwerte in die Zwischenablage, um sie an anderer Stelle einzufügen.
• Auswahlfunktion - Die Farbauswahlfunktion hilft Ihnen, HSV- und RGB-Werte sowie die Schriftart aller Elemente auf der Webseite zu ermitteln. Mit dem präziseren Pixel-Werkzeug können Sie die Farbwerte aller Bildpixel ermitteln.
• Website Analyzer - Dies ist ein schnelles Tool, das Ihnen das Farbschema der Bilder und CSS der aktuellen Website anzeigt. Sie können die Farbwerte kopieren oder speichern.
• Bibliothek - Wenn Sie sich entscheiden, eine der Farben, die Sie aufnehmen, zu speichern, gelangen sie in die Bibliothek, wo Sie sie erneut im Farbwähler anzeigen und in einer anderen Anwendung wiederverwenden können.

Die Firefox-Add-On-Galerie bietet Ihnen zwei weitere Farbauswahl-Tools (Feuerstoßer und Rainbowpicker) basiert auf einem einfachen Farbauswahldialogfeld. Diese drei Firefox-Add-Ons sind gute Alliierte-Optionen für Webdesigner, die beim Surfen im Internet schnell Farben aufnehmen möchten. Die drei besten sind Rainbow Color Tools für ihre Benutzerfreundlichkeit und den HEX-Wert-Kopiermechanismus. Welches ist deins? Verfügen Sie über mindestens eines dieser drei Tools in Ihrer Add-On-Liste??

Bildnachweis: Shutterstock

Erfahren Sie mehr über: Image Editor, Mozilla Firefox, Web Design.