3 Farbwähler-Add-Ons für Webdesigner und Grafiker [Firefox]

Werbung

Grafiker müssen kein Auge mehr für Farbe haben. Mit den heutzutage verfügbaren Werkzeugen könnten Sie farbenblind sein und trotzdem Ihr Bild genau richtig machen. Okay, das war eine extravagante Übertreibung, aber wie wir im vorherigen Artikel gesehen haben 3 kostenlose Farbauswahl-Tools zum Auswählen von Farben auf Ihrem Desktop 3 kostenlose Tools zur Farbauswahl zum Auswählen von Farben auf Ihrem Desktop Weiterlesen Die Auswahl von Farben aus den zahlreichen Farbtönen um Sie herum ist kinderleicht geworden.

Pipetten und Farbwähler können außerhalb eines riesigen Grafikwerkzeugs wie Photoshop und CorelDraw arbeiten. Die meisten dieser Werkzeuge sind klein und tragbar. Aber heute werden wir von den Desktop-Farbauswahl-Tools abweichen und uns fünf browserbasierte ansehen.

Schließlich kann sich ein Grafiker von überall inspirieren lassen... und wenn es irgendwo online ist, können einige sehr nützliche Firefox-Add-Ons sehr nützlich sein.

Dieses fortschrittliche Pipetten-Tool für Firefox steht ganz oben auf der Liste, 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 Funktionsmerkmale wie eine erweiterte Pipette, einen Farbwähler, einen Seitenzoomer, einen Palettenbrowser 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 erfassen. Das automatische Kopieren von Pixelwerten in die Zwischenablage erleichtert das Einfügen in Ihren HTML-Editor oder anderswo.
• Sie können den Palettenbrowser verwenden, um Farben aus den verschiedenen verfügbaren Paletten aufzunehmen und benutzerdefinierte zu speichern.

PixelZoomer ist ein hübsches Firefox-Add-On, das einen Screenshot des sichtbaren Bereichs Ihrer Webseite erstellt und Ihnen einige Pixel-Mapping-Tools bietet, mit denen Sie in einem separaten Fenster (oder einer Registerkarte) mit dem Bild arbeiten können.

• Ein Auswahlwerkzeug hilft bei der Auswahl eines Bereichs und der Schätzung präziser Messungen
• Sie können den Screenshot auf 3200% zoomen und die Farbe eines beliebigen Pixels mit der Pipette aufnehmen.
• Die Pipette 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 [nicht mehr verfügbar]

Rainbow Color Tools besteht aus vier leistungsstarken Werkzeugen. Für einen Webdesigner sind die Tools sehr intuitiv, da es sich um fast ein oder zwei Klickvorgänge handelt.

• Inspektor - Sie können Ihre Maus über ein beliebiges Pixel auf einer Webseite bewegen und eine Vorschau der Farbe und der HEX-Werte erhalten (dies können Sie in den Einstellungen ändern). Ein einziger Klick kopiert die Pixelwerte in die Zwischenablage, um sie an anderer Stelle einzufügen.
• Auswahl - Mit der Farbauswahl können Sie HSV- und RGB-Werte sowie die Schriftart eines Elements auf der Webseite erfassen. Mit dem präziseren Pixelwerkzeug können Sie die Farbwerte aller Bildpixel erfassen.
• Website Analyzer - Dies ist ein schnelles Tool, mit dem Sie das Farbschema aus den Bildern und dem CSS der aktuellen Website ermitteln können. Sie können die Farbwerte kopieren oder speichern.
• Bibliothek - Wenn Sie eine der aufgenommenen Farben speichern möchten, gelangen diese in die Bibliothek, wo Sie sie in der Farbauswahl erneut anzeigen und in einer anderen Anwendung wiederverwenden können.

In der Firefox-Add-On-Galerie finden Sie zwei weitere Farbauswahlwerkzeuge (Feuerpicker [nicht mehr verfügbar] und Rainbowpicker [Nicht mehr verfügbar]) basierend auf einem einfachen Dialogfeld zur Farbauswahl. Diese drei Firefox-Add-Ons sind gute Optionen für den Webdesigner, der beim Surfen im Internet schnell Farben erkennen möchte. Meine Wahl unter den drei ist Rainbow Color Tools wegen seiner Benutzerfreundlichkeit und seines HEX-Wert-Kopiermechanismus. Welches ist deins? Haben Sie mindestens eines dieser drei Tools in Ihrer Liste der Add-Ons?

Bildnachweis: Shutterstock