›› Web, Technologie, Forschung und Entwicklung ‹‹


5 Design-Tools für Farbschemata (color schemes)

color-scheme-designer
Color Scheme Tools - stimmige Farbschemata erstellen

Wie bei allen Design-Projekten spielt auch beim Webdesign die Farbwahl eine entscheidende Rolle und steht in der Regel mit am Anfang der Entwicklung eines Webdesign Projekts. Einige Design-Tools, welche die Erstellung von Farbpaletten bzw. Farbschemata erleichtern werden hier vorgestellt.

Anzeige

Farben haben einen enormen Einfluss auf den emotionalen Eindruck, den ein Flyer, eine Werbeanzeige oder auch eine Webseite vermittelt. Über Wahl und Kombination von Farben kann man beim Betrachter ganz unterschiedliche Stimmungen erzeugen.

Mit einer willkürlich zusammengestellten Farbpalette wird man wohl in den seltensten Fällen die gewünschte Wirkung erziehlen.
Vielmehr ist es sinnvoll, Farben im Sinne der Farblehre auszuwählen und zu kombinieren. Dabei hat man alle Freiheiten. Ob man mit pastelligen oder poppigen, analogen oder kontrastreichen, komplementären oder monochromatischen Paletten arbeiten möchte.

Im Internet findet man diverse Hilfsmittel, die einem bei der Erstellung von geeigneten Farbschemata (engl. color schemes) hervorragende Dienste leisten.
In diesem Artikel sind 5 gängige und z.T. äußerst suffiziente Color Scheme Tools zusammengestellt.

Adobe Kuler

COLOURlovers

Color Scheme Designer

ColorBlender

Pictaculous

 

Adobe Kuler

Mit dem Farbverwaltungstool Kuler von Adobe lassen sich Farbpaletten anlegen, archivieren und exportieren. Kuler läßt sich z.B. auch direkt über Adobe's Creative Suite Anwendungen aufrufen und erlaubt das Laden und Speichern von Farbschemata.
Eine riesige Auswahl an vorhandenen Farbschemata ist bereits vorhanden. Denn die Farbschemata können innerhalb der Kuler-Community zur Verfügung gestellt werden.
Zur Inspiration lohnt es sich also durchaus, einmal nach bestimmten Begriffen zu suchen. Die Suche nach vorhandenen Color Schemes wird durch Tags und Farbbezeichungen erleichtert.

Allerdings wird man wohl häufig lieber sein eigenes Farbschema zusammenstellen wollen. Hierzu nutzt man den "Create"-Modus von Kuler, in dem man die Farben über einen Farbkreis oder durch manuelle Eingabe festlegen kann. Passende Kombinationen kann man sich hier direkt über eine der vordefinierten Farbregeln wie "analog", "monochromatisch" oder "komplementär", u.a. anbieten lassen.
Wer mit seiner Adobe ID eingeloggt ist, kann die 5-farbige Palette speichern und jederzeit wieder bearbeiten. Das Schema kann der Community zur Verfügung gestellt werden und lässt sich als ".ase"-Datei z.B. für Photoshop exportieren.

adobe-kuler_color-schemes.jpg


Im "Create"-Bereich gibt es außerdem die Möglichkeit, eine Bilddatei hochzuladen, von der dann automatisch fünf repräsentative Farben ausgewählt werden. Die Farbwahl kann man über verschiedene Optionen zur Farbstimmung beeinflussen. Natürlich kann man die vorgeschlagene Farbpalette seinen Vorstellungen anpassen.

Für das iPhone ist Kuler auch als App erhältlich, was für spontane Kreativitätsschübe oder für Bildvorlagen, die mit dem iPhone gemacht wurden, in einigen Fällen ggf. ganz brauchbar sein kann.

 

COLOURlovers

COLOURlovers ist eine große Community mit derzeit über 3 Millionen benutzerdefinierten Farbpaletten und damit eine quasi unerschöpfliche Quelle an Farbinspirationen. Die neuesten Farbpaletten werden einem direkt angezeigt, aber auch die Suche nach Kategorien, hier "Channels" genannt hilft einem beim Durchstöbern nach dem idealen Farbschema.

Zu erwähnen ist, dass bei COLOURlovers neben den Farbpaletten auch Patterns (z.B. für Hintergründe) oder Shapes als Vektorgrafiken gebrowst und erstellt werden können. Hier soll es aber zunächst nur um Farben gehen.

Das Erstellen einer Farbpalette von fünf Farben erfolgt im "Basic" Modus eher rudimentär und beschränkt sich auf die Auswahl von Farben über einen Color-Picker; lediglich ähnliche Farben werden als Vorschläge angezeigt.
Interessanter ist da schon der "Advanced" Modus. Bei diesem kann über das COPASO Color Palette Tool eine eigene Farbpalette erstellt werden. Ähnlich wie bei Kuler kann man sich zu einer Farbe passende Vorschläge machen lassen, die zu einer bestimmten Stimmung passen bzw. das Farbverhältnis/-kontrast bestimmen (komplementär, Triade, Tetrade, etc.).

colourlovers-copaso_color-palette-tool.jpg


Um eine Palette zu speichern, muss man angemeldet bzw. eingeloggt sein. Dies ist auch erforderlich, um z.B. eine Bilddatei als Farbpalettengrundlage hochzuladen, was hier ebenfalls möglich ist.

 

Color Scheme Designer

Ein weiteres hervorragendes Tool ist der Color Scheme Designer. Auch bei diesem geht die Erstellung einer Farbpalette vom Farbkreis aus. Passend zur gewählten Grundfarbe werden je nach Auswahl der Farbstimmung Zusatzfarben angeboten. Sechs Farbstimmungen stehen zur Auswahl: monochromatisch, komplementär, triadisch, tetradisch, analog und betont analog.

color-scheme-designer.jpg


Farbpaletten kann man sich auch per Mausklick zufällig erstellen lassen und kann sich so z.B. unvoreingenommen auf eine geeignete Stimmung einlassen, auf der basierend man dann seine angepasste Palette erstellen kann.

Praktischerweise werden die Farben direkt in verschiedenen Helligkeitsstufen angezeigt und auch den als Datei exportierbaren Paletten hinzugefügt. Ebenfalls nützlich ist die Vorschauansicht einer Beispiel-Webseite, bei der die Farben für verschiedene Elemente zum Einsatz kommen. Auf diese Weise bekommt man einen schnellen Eindruck von der Zusammenwirkung der Farben bei Überschriften, Texten und Hintergründen auf einer herkömmlichen Webseite.

color-scheme-designer_light-page.jpg


Im Hinblick auf Barrierefreiheit von Webseiten gibt es ein weiteres nützliches Feature beim Color Scheme Designer. So kann man für jedes Farbschema eine Vorschau erhalten, die anzeigt, wie diese Farbkombination bei Menschen mit Schwierigkeiten bzw. Anomalien beim Farbsehen ankommen. Ungeeignete Farbkombinationen lassen sich auf diese Weise von Anfang an ausschließen.

Die mit dem Color Scheme Designer erstellten Farbschemata lassen sich in diversen Formaten (u.a. als Farbpaletten für Photoshop oder GIMP) ganz ohne Anmeldung oder Registrierung herunterladen bzw. im Browser anzeigen.

 

ColorBlender

Tolle und v.a. blitzschnell erstellte Farbpaletten erhält man mit dem ColorBlender. Bei diesem Farbtool kann man einfach über einen Schieberegler die Hauptfarbe festlegen ("Auto Match" Modus). Sofort werden einem daneben fünf weitere dazu passende Farben angezeigt. Natürlich kann auch jede Farbe einzeln angepasst werden ("Direct edit" Modus). Die bestechenden Farbkombinationen des automatischen Modus sind aber bereits so überzeugend, dass man sehr schnell ein mehr als zufriedenstellendes Farbschema erhält.

Bei der Art der Schieberegler kann man zwischen RGB und HSV wählen; jeder Wert hat einen eigenen Regler. Neben den Reglern befinden sich Farbfelder, über die man sich Variationen in Punkto Helligkeit und Sättigung des aktuellen Farbschemas anzeigen lassen kann.

Das Farbschema kann schließlich als Photoshop-Palette oder als eps-Datei für Illustrator heruntergeladen werden.


colorblender-tool.jpg  

 

 

Pictaculous

Pictaculous ist ein einfaches Single-Page Tool, mit dem sich Farbschemata basierend auf einer Bilddatei ausgeben lassen. Es sind keine weiteren Parameter einzustellen. Lediglich eine Bilddatei (jpg, png, gif) mit maximal 500 kb wird benötigt. Nach dem Upload der Datei wird automatisch eine Farbpalette bestehend aus fünf representativen Bildfarben generiert. Diese kann dann als Adobe Swatch File (.aco) heruntergeladen werden.

Zusätzlich werden verwandte Color Schemes von den Stocks von Adobe Kuler sowie COLOURlovers mit angezeigt inkl. Verlinkung auf die entsprechenden Websites.

pictaculous-tool.jpg 

 

Fazit

Mit Hilfe dieser Online Tools lassen sich Farbpaletten (nachhaltig) anlegen und z.B. als Ausgangspunkt für ein stimmiges CD zusammenstellen. Aber auch Farbvorgaben und Paletten eines bestehenden CDs lassen sich mit den Color Scheme Tools prima überprüfen und für bestimmte Anwendungsgebiete wie Webseiten ergänzen und erweitern.