Ideal zum Lernen:
Kurs als Videos
Video-Kurs HTML5, CSS
& Webdesign
HTML-Kurs, CSS u. Webdesign lernen & die eigene Website erstellen
Videos eBook Forum Kontakt
Sie befinden sich: Startseite » Bildbearbeitung für Websites » Farbtheorie - harmonische Farben finden

Farbtheorie - finden von harmonischen Farben für das Website-Design

Warum Theorie? - Darüber kommt man schnell zu einer harmonischen Farbzusammenstellung für die eigene Website.

In der Farbentheorie gibt es zahlreiche Ansätze, Definitionen und Richtungen. Hier werden die Grundlagen und anhand eines Modells die Zusammenhänge aufgezeigt, damit eine schnelle harmonische Farbauswahl für Websites erreicht werden kann.

traditioneller Farbkreis von Sir Isaac Newton

Der traditionelle Farbkreis (rot, gelb und blau) wurde von Sir Isaac Newton entwickelt.

Es basiert auf einer logisch geordneten Reihenfolge von reinen Farben.

Farbkreis mit Primär-Farben Rot, Gelb und Blau
Primär-Farben
Rot, Gelb und Blau

Diese 3 Farben (bei Pigmentfarben) können nicht durch irgendwelche Kombinationen anderer Farben gemischt und angezeigt werden - daher Primärfarben.

Alle weiteren Farben entstehen durch Mischen von 2 nebeneinander liegenden Farben. Beim Mischen von gelb und rot entsteht orange usw.

Farbkreis zusätzlich mit Sekundär-Farben
Sekundär-Farben
Grün, Orange, Violett

Die Sekundär-Farben entstehen durch das Mischen der Primär-Farben.

Farbkreis mit Tertiär-Farben
Tertiär-Farben

Durch Mischen der Primär- und Sekundärfarben entstehen Tertiär-Farben und der Farbkreis wird komplettiert.

Nutzwert - aus dem Farbkreis zur Farbzusammenstellung

Es gibt verschiedenste Theorien für Harmonien. Im Folgenden zwei weit verbreitete Methoden.

Analoge Farben

Die Farbenzusammenstellung basiert auf analogen Farben. Aus dem Farbkreis werden 3 aneinandergrenzende Farben ausgewählt.

Foto mit analoge Farben und Farbkreis
Foto mit analoge Farben und Farbkreis

In der Regel herrscht eine der 3 Farben vor.

Komplementär-Farben

Aus dem Farbkreis wird die gegenüberliegende Farbe ausgewählt - die komplementäre Farbe also.

Foto mit Komplementär-Farben und Lage auf Farbkreis
Foto mit Komplementär-Farben und Lage auf Farbkreis

Die im Farbkreis gegenüberliegende Farbe erzeugt einen maximalen Kontrast.

Auf Basis der Farben können auch gezielt passende Bilder und Fotos ausgewählt werden.

Tools zu Farbenwahl

Adobe Color CC (früher Adobe Kukuler)

Dieses Tool bietet einem die Möglichkeit sich selber Farbkombinationen zusammenzustellen. Auf der Startseite auf den ersten Menüpunkt „Erstellen“ gehen und dann das Regelwerk auswählen, ob analoge, Monochrome oder Farben mit Winkelspreizung genutzt werden soll. Möchte man alle Farben weniger kräftig haben, den Farbpunkt mit weißem Kreis nach innen ziehen. Viel Spaß beim Spielen. Beim Verwenden der Farben bitte erst noch einen Blick in die AGBs der Seite werfen!

https://color.adobe.com/de/

Adobe Color CC zur harmonischen Farbauswahl
Adobe Color CC zur harmonischen Farbauswahl

ColorSchemeDesigner – Paletton

Eine weitere schöne Anwendung ist der ColorSchemeDesigner. Auch hier können die Farben nach verschiedenen Regeln mathematisch berechnet werden. Zusätzlich kann man auf den Farbflächen Text einblenden um die Lesbarkeit abschätzen zu können und mit den gewählten Farben eine Demowebsite aufrufen. Sehr interessant – einfach einmal ansehen.

http://paletton.com/

ColorSchemeDesigner in Aktion
ColorSchemeDesigner in Aktion

Weiterempfehlen • Social Bookmarks • Vielen Dank

Bitte unterstützen Sie dieses Projekt

Sie können dieses Projekt in verschiedenen Formen unterstützen - wir würden uns freuen und es würde uns für weitere Inhalte motivieren :).

unsere Videos bestellen

Unsere Videos und eBooks bestellen.

Spenden

Sie können uns eine Spende über PayPal zukommen lassen.

Weiterempfehlungen

Empfehlen Sie es weiter - wir freuen uns immer über Links und Facebook-Empfehlungen.

Bücher über Amazon

Bestellen Sie Bücher über folgende Links bei Amazon:

Vielen Dank für Ihre Hilfe

    E-Books zum Kurs

    von HTML-Seminar.de

    E-Books mit rund 930 Seiten Umfang als PDF. Alle 3 zu einem Preis.

    Mehr Details