Clevere Farbmischer am Werk  

Quelle: http://www.akademie.de

Wenn Sie eine Web-Seite für die weite Welt da draußen erstellen, sollten Sie sicher stellen, daß Sie die universellen 216 Farben benutzen, die von allen Systemen und Browsern dargestellt werden können.

Der sicherste Weg dafür ist die sogenannte Web-Palette
mit ihren 216 Browserfarben. Nur mit dieser Palette können Sie wirklich sicherstellen, daß Ihre Besucher die gleichen Farben sehen wie Sie. Anderenfalls könnte es passieren, daß vor allem bei einem Teil Ihrer Besucher die homogenen Farbflächen bei Grafiken gerastert oder Farben verfälscht werden.

Wie immer gibt es für jede Regel eine Ausnahme. Wenn Sie nämlich zwei oder drei verschiedene websichere Farben aus der Palette miteinander mischen und gerastert (dithered) darstellen, werden die Farben ebenfalls nicht verschoben. So lassen sich aus der Webpalette über 10 Millionen verschiedene neue Kombinationen erstellen.

Und damit Sie jetzt nicht wild von Hand herummischen müssen, gibt es dafür auch ein Online-Hilfs-Tool als Java-Applet: ColorMix (http://colormix.com/).

Um die Wirkungsweise zu demonstrieren, haben wir in der folgenden Tabelle einmal 3 Farben ausgewählt, die nicht in der Webpalette der sicheren Farben enthalten sind. Die angegebenen Zahlen sind die hexadezimalen Farbwerte.

#908080 #908080 #908080

Wenn Sie sich diese Seite mit 256 Farben ansehen, werden Sie bemerken, das die Farben in der Tabelle anders aussehen, als mit einer höheren Farbtiefe. Aus den drei verschiedenen Farben wird eine Farbe.

Die Grafiken in der nächsten Tabelle dagegen verändern sich nicht. Sie wurden mit ColorMix erstellt und bestehen nur aus den Farben, die auch bei 256 Farben angezeigt werden können.

Die Bilder bestehen aus drei jeweils websicheren Farben die so pixelweise nebeneinander angeordnet sind, daß der Eindruck entsteht, es wäre nur eine Farbe. Diese Methode bezeichnet man als Dithering. So lassen sich neue Farben zusammenstellen. Diese können natürlich immer nur als Grafik in Web-Seiten eingebunden und nicht als Hexadecimal-Werte im HTML-Code angegeben werden.

Auf der rechten Seite ist eine Vergrößerung des Bildes. Dabei erkennen Sie gut die verschiedenen Farben. Durch das Dithering entsteht der Eindruck einer Maserung.

Sie können die Farbe, die Sie durch Dithering darstellen wollen, entweder durch Anklicken im Farbfeld auswählen, oder Sie geben auf der rechten Seite die speziellen RGB-Werte für Rot (R), Grün (G) und Blau (B) ein.

Danach wählen Sie unter dem Farbquadrat, ob zwei oder drei Farben zum Erstellen des Bildes verwendet werden sollen. Probieren Sie einfach aus, welche der beiden Varianten der gesuchten Farbe am nächsten kommt.

Sind Sie mit dem Ergebnis zufrieden, klicken Sie auf den Button "MAKE SWATCH". Auf der linken Seite erscheint nun das Bild. Sie können es abspeichern, indem Sie mit der rechten Maustaste darauf klicken und aus dem Kontextmenü den Eintrag "Bild speichern unter..." wählen.

Tip: Klicken Sie rechts oben auf "ADVANCED", stehen Ihnen erweiterte Funktionen zur Verfügung. So können Sie dann zum Beispiel auch Bilder mit bewußten Streifeneffekten erzeugen.