Dank Hex Color Picker für Mac OS X bleibt keine Farbe ein Geheimnis
Webdesigner, Grafiker und Programmierer haben u.a. mit Farben, Farbwerten und Farbcodes zu tun. Sie sehen auf einem Bild, einer Website, oder sonstwo auf dem Mac-Bildschirm eine Farbe die ihnen gefällt. Um Farben egal wo sie sich auf dem Mac befinden herauszufinden gibt es spezielle Mac-Apps.
Diese speziellen Mac-Apps nennt man Color Picker und sind sehr nützliche Mac-Apps. Noch nützlicher werden diese “Farbspione” für Entwickler mit einem Hex Color Picker Plugin. Ob die Ausgabe von hexadezimalen Farbdefinitionen auf jedem Mac einfach umzusetzen oder unter Mac OS X Raketenwissenschaft ist – erfährst Du nach dem Klick!
Color Picker für Mac OS X finden und öffnen
Der Color Picker versteckt sich in der Menüleiste der Mac-Apps TextEdit und Mail. Angeblich ist das Fenster “Farben” (so nennt Apple das in Mac OS X eingebaute Color Panel) auch noch über andere Mac-Apps erreichbar,
garantieren kann ich das aber nur bei den eben genannten Apps. Kümmern wir uns also nur darum wie die Mac-App über TextEdit und Mail geöffnet werden kann.
Color Picker (Fenster Farben) über TextEdit öffnen:
- TextEdit öffnen
- Menüleiste
- Format
- Schrift
- Farben einblenden
Fenster Farben (Mac Color Picker) via Mail aufrufen:
- Mail öffnen
- Menüleiste
- Format
- Farben einblenden
Soweit so gut! Da Webdesigner, Webworker und Webentwickler auf die hexadezimale Ausgabe von Farben stehen bringt uns der Color Picker wie er von Apple mit Mac OS X mitgeliefert wird nicht weiter. Wir müssen das Color Panel erweitern damit der Hex Color Picker für Mac OS X die Farbdefinitionen in hexadezimaler Form ausgeben kann.
Plugin Hex Color Picker herunterladen (downloaden)
Es gibt verschiedene Umsetzungen und Herangehensweisen aus dem Bordmittel von Mac OS X: Color Picker einen Hex Color Picker zu machen. Das Ziel beziehungsweise das Ergebnis läuft bei allen auf das gleiche hinaus – Den irgendwo vom Bildschirm abgenommenen Farbwert als hexadezimale Farbdefinition auszugeben. Genau das ist es was Webentwickler brauchen und wollen, die Farbe ihrer Wahl in Form eines Hex Codes auszugeben um die hexadezimale Farbdefinition in ihre HTML-Datei oder ihr Stylesheet einzufügen. Drei Ansätzen möchte ich hier Platz einräumen:
- waffle software ist keine Firma, sondern ein loser Zusammenschluss mehrerer Programmierer die 15% der Einnahmen spenden. Der Ansatz der bei Hex Picker verfolgt wird ist das Color Panel, Fenster Farben, möglichst im Originalzustand zu belassen. Die Ausgabe der hexadezimalen Farbdefinition fügt sich unauffällig aber sinnvoll in die Mac-App ein.
- Panic, Inc ist eine in den USA ansässige Softwareschmiede die vorallem durch Transmit und Coda bekannt geworden ist. Die Coder aus Portland haben gute Kontakte nach München zu den CodingMonkeys und verfolgen mit dem Developer Color Picker einen eher allgemein Entwickler (Programmierer, Webentwickler, Grafiker) orientierten Ansatz. Wo die anderen meist vorallem für Webdesigner zu sein scheinen machen die Jungs von Panic deutlich das sie fuer alle Entwickler coden wollen und nicht nur für Spezielle.
- ANTETYPE Color Picker ist ein schlichter Ansatz einer deutschen Firma von dem ich den Eindruck habe das sie vorallem Links durch das Plugin abzugreifen versuchen. Ich hab mich erweichen lassen auch weil ich nicht weiter suchen mochte (zugeb).
Welches Hex Color Picker Plugin letztlich genutzt wird muss jeder für sich selbst entscheiden. Auf welchen der 3 Links Du auch klicken solltest, wenn es eine ZIP- oder RAR-Datei ist muss diese nun entpackt werden. Das geht ganz einfach mit einem Doppelklick im Finder.
‘Hex Color Picker’-Plugin in richtiges Verzeichnis verschieben
Nach dem Doppelklick im Finder sollte nun die Plugin-Datei (DeveloperColorPicker.colorPicker) zum verschieben bereit sein. Kopiere die Datei DeveloperColorPicker.colorPicker (die *.colorPicker-Dateien der anderen Anbieter heissen anders!) und füge das Plugin in Benutzername/Library/ColorPickers/ ein. Nun muss nur noch Mail oder TextEdit beendet und neugestartet werden, damit die Änderungen durch das Plugin greifen können und sichtbar werden.
Farbe mit Lupenfunktion vom Color Picker auswählen
Um einen Farbwert mit der Lupe einzufangen braucht man nur auf das Lupensymbol im Fenster Farben (Color Panel) klicken und dann mit der Lupe an die Stelle fahren mit der Farbe die einen interessiert. Mit einem weiteren Klick ist die Farbe eingefangen und je nachdem welches Plugin verwendet wird kann der hexadezimale Farbwert abgelesen oder in die Zwischenablage von Mac OS X kopiert werden.
‘Hash in Kreis’-Symbol anklicken für hexadezimale Farbdefinition
Wenn man den Hex Farbcode im Plugin von waffle software auslesen will muss man auf das ‘Hash in Kreis’-Symbol klicken. Im Developer Color Picker kann man den Hex Farbwert nicht direkt auslesen sondern kann ihn nur blind in die Zwischenablage kopieren um die ausgelesene Farbe danach in seine Website einzufügen. Bei Antetype kann der Hex Color Code direkt ausgelesen werden.
Hex Color Picker als Mac-App auf Schreibtisch (Desktop) für schnelleres aufrufen ablegen
Wer es leid ist den Umweg über Mail und TextEdit zu gehen wenn er das Color Panel (Fenster: Farben) aufrufen will kann sich ein Symbol auf den Bildschirm (Desktop) legen. Wie das funktioniert wurde im Blog von Gerrit van Aaken im Gastartikel: hex color picker beschrieben.
Alternativer Hex Color Picker
Wem es zuviel Arbeit ist ein Plugin herunterzuladen und zu verschieben hat eine andere Möglichkeit. Die Mac-App der Hex Color Picker Colors von Matt Patenaude ist sehr schlicht und einfach gehalten erfüllt aber ihren Zweck. Colors gibt von jeder Stelle des Mac-Monitors die Farbe als hexadezimalen Farbwert aus. Das wichtigste weisst du nun über Hex Color Picker für Mac OS X.
Fehlt eine wichtige Information die nicht aus dem Artikel und den Links hervorgeht, dann freue ich mich über Aufklärung in den Kommentaren unter diesem Artikel über Hex Color Picker für Mac OS X.
Aktualisiert am 18/11/2011
