Webwork-Tools - Dem Webworker seine Werkzeugkiste

ColorHexa: Farbtool mit vielen Infos

ColorHexa ist ein sehr ausgefeiltes, webbasiertes Farbtool welches viele Informationen über einen Farbwert liefert. Im Suchschlitz kann man unter anderem die RGB-Farbwerte eingeben und dabei sogar in Kurzform: #abc anstatt #aabbcc.

Der jeweilige Farbwert ist dann auch unter der entsprechenden URL aufrufbar: #abc bzw. #aabbcc findet man dann unter www.colorhexa.com/aabbcc.

Anschließend bekommt man zu der jeweilige Farbe diverse Infos. Zuerst wären dies Informationen allgemeiner Natur, aus welchen Farben setzt sich der Farbwert im RGB- und CMYK-Farbraum zusammen. weiterlesen…

Farbpaletten in 3D

Nicht nur Kinofilme gibt es mittlerweile in 3D, sondern auch Farbpaletten. Bei ColoRotate kann man sich seine Farbpalette oder eine dort bereits hinterlegte Farbpalette in 3D anschauen und hat dabei unzählige Möglichkeiten. So kann man die Farbsättigung, die Helligkeit, den Kontrast und den Blickwinkel nach Belieben variieren. weiterlesen…

ColorSchemer Studio: leistungsfähige Farbverwaltung und Inspirationsquelle

Ich nutze schon seit mehreren Jahren das Farbwerkzeug ColorSchemer Studio. Das Tool kann auch die Farbwerte herauspicken, aber das ist nur eine der vielen Funktionen. Zu dem ausgesuchten Farbwert kann man weitere passende Farben suchen: zum Beispiel analoge oder komplementäre Farbwerte.

Man kann vieles an dem ausgesuchten Farbwert anpassen und interessant ist der Knopf unten links mit dem Namen Websmart. Hierbei handelt es sich um eine Farbpalette die aus 4096 Farben besteht und die Farbwerte sind daran erkennbar, dass man deren hexadezimalen Werte abkürzen kann. Hier ein paar websmarte Farben und deren Kurzschreibweise: weiterlesen…

Webdesign: Variationen einer Farbe herausfinden

0 to 255 ist ein Online-Dienst, der es einem ermöglicht von einer bestimmten Farbe hellere und/oder dunklere Variationen herauszufinden. Einfach auf der Website mit dem Picker aus der Auswahl eine Farbe wählen oder in das Feld den hexadezimalen Farbwert eintippen.

Man kann aber noch viel schneller an das Ergebnis drankommen. Einfach an die URL http://0to255.com den hexadezimalen Farbwert ohne das Rautezeichen einfügen. Dabei wird auch die CSS-Kurzschreibweise unterstützt.

Um zu den Farbvariationen zu gelangen, wie sie in der Abbildung zu sehen sind, reicht es http://0to255.com/c60 aufzurufen.

Und so ein Kurzlink hat nicht nur den Vorteil, dass man schneller zum Ziel kommt sondern auch das man es auch leichter weitergeben kann.

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…