ColourCode: Eine Web-App zur Farbgestaltung
Adobe Kuler war lange Zeit eine meiner bevorzugten mobilen Anwendungen, aus zwei einfachen Gründen: Es erleichterte mir die Farbauswahl für ein bestimmtes Thema und erlaubte mir, einfach auf ein Bild zu zeigen, das mir gefiel. Zudem bot es zahlreiche Varianten von Farbschemata. Nun habe ich jedoch mit ColourCode eine Web-App gefunden, die mein neuer Favorit für die Erstellung von Farbthemen ist. Sie bietet sieben verschiedene Möglichkeiten, ein Farbschema ausgehend von einer beliebigen Grundfarbe zu entwickeln. Das fertige Thema kann als SCSS-, LESS- oder PNG-Datei heruntergeladen werden. Alternativ gibt es die Möglichkeit, einen Permalink zu dem Thema zu generieren und diesen mit anderen zu teilen. Die App erfordert keine Anmeldung und ist völlig kostenlos nutzbar.
Die Benutzeroberfläche von ColourCode ist sehr intuitiv gestaltet. Man beginnt mit einer einzigen Farbe, die sich beim Bewegen des Cursors über das erste Farbfeld dynamisch verändert, als würde man durch ein Farbspektrum gleiten. Ist die gewünschte Farbe gefunden, kann sie durch einen Klick auf das Feld fixiert werden. Zusätzliche Farbfelder lassen sich über das Plus-Symbol rechts hinzufügen. Umgekehrt können Felder durch Klicken auf das Minus-Symbol auf der linken Seite gelöscht werden. Die unterschiedlichen Farbkombinationsoptionen werden durch einen Klick auf die Symbolleiste auf der linken Seite zugänglich.
Die „Free Build“-Option ermöglicht es, mit einer individuell ausgewählten Farbe zu starten und nach und nach weitere Felder hinzuzufügen, um ein eigenes Design zu kreieren. Mit der „Monochrom“-Option kann man eine Farbe wählen und automatisch verschiedene Schattierungen dieser Farbe generieren lassen. Je mehr Felder man hinzufügt, desto mehr Schattierungen werden erzeugt. Die „Monochrom mit Hell- und Dunkelgrau“-Funktion mischt Grautöne mit den Schattierungen der ursprünglichen Farbe. Zusätzlich stehen vordefinierte Schemata für analoge, komplementäre, triadische und quadratische Farbpaletten zur Verfügung. Wenn das gewünschte Schema gefunden ist, kann es durch einen Doppelklick fixiert werden.
Jede einzelne Farbe kann als SCSS-, LESS- oder PNG-Datei heruntergeladen werden. Über die Links in der linken Symbolleiste kann das gesamte Schema gespeichert werden.
Einzig die Auswahl der Anfangsfarbe könnte etwas komfortabler sein. Da das Farbspektrum beim Bewegen des Cursors nicht sichtbar ist, gestaltet sich die Farbauswahl mitunter etwas schwierig. Vielleicht bin ich kein Experte in der Erstellung von Farbschemata, aber ich habe eine Vorstellung davon, welche Farbe der „Basic Seven“ ich verwenden möchte, und ob ich eine dunkle oder helle Farbnuance bevorzuge.