Webwork-Tools - Dem Webworker seine Werkzeugkiste

Farbdeutung in verschiedenen Kulturen

Farben sind für die Visualisierung von Sachverhalten immens wichtig. Umso besser, wenn man weiß welche Farbe womit assoziiert wird. Der Dienst bzw. die Website Cymbolism, den ich in dem Artikel Symbolfarben schon einmal vorgestellt habe, möchte dieser Frage näher kommen, indem die Besucher der Seite angeben können welche Farbe sie mit einem bestimmten Begriff (mittlerweile sind es über 250 Wörter) assoziieren. Gleichzeitig kann man als Besucher aber auch die Ergebnisse von momentan über 500.000 abgegebenen Stimmen ansehen. weiterlesen…

Eine Website wie ein Superheld

Welche Farbkombination man einer neuen Website gibt, ist oft gar nicht so einfach. Wie wäre es denn einfach damit der Website die Farben von Batman oder Superman zu geben? Oder gefällt das Grün von Hulk besser? In der little box of ideas hat man sich die Mühe gemacht und von 8 Superhelden die Farbpaletten erstellt. Diese können als ASE-Dateien (gezippt) heruntergeladen werden. Ursprünglich gedacht sind sie für die Kolorierung von eigenen Superhelden, aber wie gesagt, warum nicht eine Website (farblich), wie einen Superhelden gestalten?

Via Designer in Action

Der Generator ist jetzt der Designer – Farbschemata online generieren

Der Color schemes generator 2 ist von Grund auf überarbeitet worden, auf eine neue Domain umgezogen und nennt sich nun Color Scheme Designer – Version 3.0. Grund genug sich die Veränderungen – und die sind beachtlich – anzuschauen.

Wie gehabt kann man sich auf dem Farbkreis eine Farbe aussuchen und sich dann Farbschema anzeigen lassen, die einer der folgenden Einstellungen folgen:

• mono: Es werden nur Varianten der Basisfarbe gezeigt. Die Varianten werden durch Veränderung von Sättigung und Helligkeit erreicht
• complement: Es wird die Komplementärfarbe der Basisfarbe gezeigt, d. h. man hat immer eine warme und eine kalte Farbe.
• triad: Es werden die zwei Farben neben der Komplementärfarbe der Basisfarbe gezeigt.
• tetrag: Vier Farben, die sich gegenüber stehen.
• analogic: drei Farben, die der Basisfarbe gegenüber stehen.
• accented analogic: wie "analoic", aber ergänzt um die Komplementärfarbe

Der Modus "accented analogic" ist mit dieser Version übrigens dazu gekommen. weiterlesen…

Monitor "kalibrierien" bzw. einstellen

Wer kennt das nicht, man kauft sich einen neuen Monitor, schließt den an und irgendwie ist man nicht zufrieden. Die Farben wirken irgendwie komisch und alles ist zu hell.

Speziell bei den neueren Monitoren besteht die Standardeinstellung aus maximalen Helligkeits- und Kontrastwerten. Das mag noch bei Filmen, Fotos und dunkleren Hintergründen gut rüberkommen, aber wenn man viel im Web unterwegs ist oder die "klassische" Büroarbeit erledigt, dann hat man es viel mit hellen Hintergründen zu tun und hier dann die Standardeinstellung nicht nur nervig sondern auch unerträglich sein.

Hier hat man dann die Möglichkeit am Monitor selber die Werte (Helligkeit, Kontrast, Gamma etc.) anzupassen. Allerdings gibt es einige Monitore, bei denen fängt das Netzteil bei niedrigeren Helligkeits- und Kontrastwerten zu brummen. Das kann speziell bei den größeren Monitoren, die das Netzteil im Standfuß haben, zu einer nervigen Angelegenheit werden. Hierbei kann man sich behelfen in dem man die Werte in der Verwaltung der Grafikkarte anpasst.

Monitor kalibrieren

Um herauszufinden ob die getätigten Einstellungen auch in Ordnung sind, gibt es viele Möglichkeiten. Grafikdesigner und Leute die z. B. im Print-Bereich arbeiten werden hierbei auf spezielle Programme und Geräte zurückgreifen. Das ist aber imho für einen Webworker – also im Web – nicht notwendig und hier reicht es sich an Hand der folgenden Websites zu orientieren:

• Monitorkalibrierung: Theorie und Testbilder
• Monitorkalibrierung mit Graukeilen
• Viele Testbilder
• Weitere Testbilder
• Monitor-Testbilder

Mit Hilfe der Testbildern und Anleitungen auf den oberen Websites kann man relativ leicht seinen Monitor einstellen, so dass es für den Hausgebrauch und für das Web reicht.

Palette Grabber: Farben einer Website als Datei

Ich möchte hier kurz die Firefox-Erweiterung mit dem Namen "Palette Grabber" vorstellen. Sie ermöglicht es, mit einem Klick die Farben einer Website in eine Datei abzuspeichern. Dabei stehen, mehrere Dateiformate bzw. Farbpaletten-Formate zur Verfügung:

• Adobes Farbtabelle (.aco)
• Adobe CS3-Palette (.aso)
• Flash-Farbpalette (.clr)
• Paint Shop Pro
• GIMP
• Adobe Fireworks
• Mac OSX
• Paint.NET
• Textdatei mit hexadezimalen Werten (.txt)
• Textdatei mit dezimalen Werten

Ich habe die Anwendung jetzt schon mehrmals getestet und ich konnte ohne Probleme die Textdateien und die Farbpalette für Paint.NET generieren. Auch der Import in Paint.NET klappt (siehe Abbildung). Bei meinem Photoshop CS2 klappt allerdings der Import der .aco-Datei nicht, weil sich Photoshop über den Aufbau der Datei beschwert.

Hierbei weiß ich nicht ob das an der Erweiterung oder an meinem Photoshop liegt. Interessant wäre es auch zu wissen ob es in den anderen Anwendungen, wie z.B. GIMP oder Paint Shop Pro funktioniert.

Symbolfarben

Welche Farbe weckt welche Assoziation bzw. umgekehrt welche Farbe wird mit einem bestimmten Begriff assoziiert? Die Liebe ist rot, der Tod schwarz. Das sind noch herkömmliche Assoziaitonen, die jedem geläufig sind. Aber was ist mit dem Wort "Regierung"? Mit welcher Farbe wird das von den meisten Menschen in Verbindung gebracht? weiterlesen…

Den richtigen Farbton treffen

Welche Farbkombination passt und welche nicht? Viele Menschen entscheiden sich intuitiv richtig, andere haben dafür kein Händchen bzw. Auge. Für all die könnte ein Blick auf das Color Schemes 2 interessant sein.

Dort kann man in einem Farbrad eine Basisfarbe wählen und sich dann passende Farben anzeigen lassen. Dabei kann man zwischen den folgenden Einstellungen wählen:

• Monochromatic: Es werden nur Schattierungen der Basisfarbe gezeigt.
• Contrast: Es wird die Komplementärfarbe der Basisfarbe gezeigt.
• Triade: Es werden die zwei Farben neben der Komplementärfarbe der Basisfarbe gezeigt.
• Tetrade: Vier Farben, die sich gegenüber stehen.
• Analogic colors: drei Farben, die der Basisfarbe gegenüber stehen.

Alle angezeigten Farbkombinationen können dann durch verschiedene Pastell-Varianten zusätzlich verändert werden.

Unter den "Farbrädern" ist das Color Schemes 2 sicherlich eines von vielen im Internet, interessant an diesem Online-Programm sind allerdings die folgenden Punkte:

• Das Programm kann auch als Desktop-Anwendung heruntergeladen werden.
• Alle Farbkombinationen können als Lesezeichen gespeichert werden.
• Die Seite bietet die Möglichkeit verschiedene Arten von Farbenblindheit zu simulieren, so das man sehen kann wie die gewählte Farbkombination für Menschen mit einer Farbenblindheit aussieht.

Lesbarkeit erhöhen

Wer viel im Internet liest, kommt zwangsläufig auch auf Seiten, die einen hellen Text auf dunklem bis sehr dunklem Hintergrund nutzen. Nicht allen Lesern gefällt das. Auch ich habe damit so meine Schwierigkeiten.

(Text aus dem Blindtext-Archiv)

Um so mehr habe ich mich über dieses Bookmarklet gefreut. Es "schaltet" alle Hintergrundfarben auf weiß.

Via Quick Online Tips

ColorZilla

Die Firefox-Erweiterung ColorZilla von Alex Sirota ist eine sehr umfangreiche Erweiterung aus dem Bereich der "Farbpicker". Es handelt sich allerdings nicht nur um eine simple Farbpipette.

Die vielfältigen Möglichkeiten sieht man am Besten, wenn man sich das Menü von ColorZilla aufruft. ColorZilla hat sich nach der Installation standardmäßig in die Statusleiste von Firefox integriert, so dass dort in der linken Ecke eine Pipette zu sehen ist. Das Menü erreicht man, indem man einen Rechtsklick auf die Pipette macht. Mit einem Linksklick auf die Pipette kann man sofort loslegen und den Farbwert der aktuellen Cursorposition "auslesen".

Über verschiedene Variablen hat man die Möglichkeit sich zusätzlich zum Farbwert so ziemlich jede Information über die aktuelle Cursorposition in der Statusleiste des Browsers anzeigen zu lassen: weiterlesen…

Farbkombinationen

Bei der Erstellung einer Website hat man oft eine bestimmte Farbe im Kopf oder vorgegeben, die man verwenden möchte/muss. Da eine Farbe aber nicht reicht, braucht man noch mehr – und die sollten passen. Eine Möglichkeit dafür bietet Adobe® Kuler™.

Kuler ist ist eine webbasierte Anwendung aus dem Hause Adobe, die es einem erlaubt mit Farben zu "spielen". Und das meine ich wörtlich. Es macht nämlich unheimlich viel Spaß mit den Farbpaletten zu experimentieren. Um eine gute Ausgangsbasis zu haben, kann man ein eigenes Bild hochladen oder eine bestimmte Farbe als Basis bestimmen.

Ist man bei Adobe registriert, kann man seine Farbkombinationen auch speichern, downloaden (leider nur im Adobe Swatch Exchange-Format *.ase) oder die Farbkombinationen von anderen bewerten und kommentieren.