Auf Kommentar antworten

Ein gutes Farbschema verleiht insbesondere einer Website im (minimalistischen) Web2.0-Stil das gewisse Etwas, ohne dass man Ablenkung vom Inhalt produziert. Mit dem kleinen Tool Agave lassen sich solche ansprechenden Farbschemata für den Webgebrauch erstellen.

Ein neues Farbschema kann man entweder mit einem Klick auf "Zufällig" beginnen oder eine bestimmte Basisfarbe auswählen, die man bereits im Sinn hat. Diese Farbe fügt man zu der Favoritenleiste hinzu, aus der man später das gesamte Schema als GIMP-Palette exportieren kann. Mein Beispiel beginnt mit einem Wiesengrün, das die Grundfarbe für das Inyoka-Theme werden soll.

Per Standardeinstellung wird zunächst die komplementäre Farbe angezeigt. Dies ergäbe in diesem Fall aber eher recht biederes grün-blau-Schema. Interessantere Ergebnisse bringen die Einstellungen zwei halb-komplementäre Farben und Dreiergruppe, die sehr lebendig wirken, während die Vierergruppe für meinen Geschmack zu viele Farben ins Spiel bringt. Möchte man allerdings kein allzu knalliges Farbschema, lassen sich sinngemäße Farben finden. Dies ergibt ein Spektrum von 3 Farben, das sich verschieben lässt, indem man die linke oder rechte Farbe per Doppelklick als neue Basis auswählt.

Dies werden die Grundtöne für das geplante Theme sein. Verschiedene Farbschattierungen lassen sich jetzt finden, indem man in den Einfarbig-Modus geht. Wir fügen die auch diese Farbwerte zur Favoritenliste hinzu, die sich anschließend sinngemäß per Drag-and-Drop ordnen lassen. Gefallen einem einzelne Farben nicht, lassen sich diese auch durch Farben ersetzen, die dem Grundton bei niedrigerer Opazität auf schwarzem oder weißem Untergrund entsprechen. So ist das helle grün in diesem Fall zu kräftig, um z.B. als Tabellenhintergrund zu dienen.

Zuletzt lässt sich das Farbschema über Datei - Favoriten exportieren als GIMP-Palette speichern. Zur Verwendung speichert man die Datei im Ordner ~/.gimp-2.7/palettes (oder entsprechend). Auch Inkscape kann diese Paletten benutzen, dazu muss die Datei in ~/.config/inkscape/palettes liegen.

Das Resultat lässt sich dann als Farbmatrix darstellen. Diese kann natürlich bei Bedarf auch mehr als 2 Dimensionen haben, indem man beispielsweise jeder Farbe noch eine entsättigte Version zur Seite stellt.

Das neue ubuntu-Farbschema scheint übrigens ähnlich aufgebaut zu sein. Eine wie oben beschriebene Farbmatrix um #8c2d3e enthält bereits die wesentlichen Farben. Dafür kann man schon mal ein paar Jahre brauchen ;-) Zusätzlich wurden noch Orangetöne mit hoher und niedriger Sättigung eingefügt, insbesondere das "Signalorange" und die Braun/Beigetöne für die Fensterelemente. Ich habe jetzt nicht nachgeprüft, welche Farben Canonical jetzt wirklich benutzt, grob sollte es aber hinkommen. Deutlich zu sehen ist, dass man bei der Farbe für die Fensterelemente dann doch nicht so sehr ins Rötliche gehen wollte wie bei meinem Ergebnis zu sehen.

Nimmt man sich allerdings schnell einmal ubuntu.com mit Firebug vor, sieht man, dass wir mit Agave ein Ergebnis erhalten, das zumindest die Website spürbar harmonischer wirken lässt:

Mein Favorit als Hintergrundfarbe ist in dem Fall allerdings das leicht dunklere #877b76, das sähe richtig schick aus.

Ich wünsche dann noch viel Spaß beim Farbschematabasteln.