CSS Farben

 

zum Anfang der Seite

Farbangaben

Einleitung

Technischer Hintergrund

Online-Link: CSS 4 You: Eigenschaften > Farben
Online-Link: CSS 4 You: Workshops > mehr > 3. Farben

Einen Überblick über die gesamte Farbpalette gibt es in SELFHTML > Diverse technische Ergänzungen > Standard-Farbpaletten: Die Netscape-Palette (216 Farben).

Farben auf einer Website sehen nur dann gut aus, wenn sie zueinander passen. Verwendet man grelle bzw. nicht harmonische Farben, ist eine Website nicht farbig sondern nur bunt. Zueinander passende Farben nennt man Farbschema. Dies lernen wir später im Kurs im Kapitel "Designkonzept".

Im Internet gibt es einige Websites, in denen man sich Farbschemas ansehen kann. Wenn einem eine Farbkombiantion gefällt, einfach übernehmen (ist legal, dafür gibt es kein Copyright oder Urheberrecht).
ColorSchemer Gallery: http://www.colorschemer.com/schemes/
Bewegt einfach den Mauszeiger über eine der Farben (nicht klicken) und kurz danach erscheint der Farbwert in hexadezimaler Form (z.B. #993333).
The Return of Design: http://www.returnofdesign.com/colors/
Klickt ihr auf eine Farbe unter "All Colors Used by Color Schemes" kommt ihr auf eine Seite zu dieser Farbe. Dort findet ihr die Komplimentärfarbe (Gegenfarbe), Triad (zwei weitere Farben, bei der alle drei gleichmäßig unterschiedlich sind) sowie ähnliche Farben, die sich leicht in der Helligkeit (light to dark), im Farbton (nearby hues) bzw. in der Sättigung (saturation range) unterscheiden.
Unterhalb der Überschrift "All Color Schemes" finden sich Farbschemas. Klickt man auf eines, kommt man auf eine Seite, auf der das Farbschema selbst (main color scheme) und ähnliche Farbschemen in anderen Farbtönen (color scheme variations) abgebildet sind. Anmerkung: Die Farbwerte sind in hexadezimaler Kurzform angegeben. Man muss nur die Ziffern doppelt nehmen, so wird z.B. aus #5d8 der Wert #55dd88 oder #55DD88 (Groß- Kleinschreibung ist hier egal).
Wer mehr über Farbschemas wissen will (monochromatic, triadic usw.), kann auf folgender Website (englisch) nachlesen: Color Wheel Pro - See Color Theory in Action http://www.color-wheel-pro.com/. Im Menü am linken Rand gibt es unter der Überschrift "Color Theory" vor allem die Punkte Color Theory Basics und Classic Color Schemes.