W3.CSS Colors

W3.CSS ist das CSS-Framework von W3SCHOOLS. Die 28 Standard-Farben sind Teil der originalen W3.CSS Datei. Alle anderen Farben müssen über zusätzliche CSS-Dateien geladen werden. Für die ausschließliche Verwendung von Themes gibt es die gekürzte W3PRO.CSS-Datei ohne Farbdefinitionen.

Standard-Farben

Red	Pink	Purple	Deep Purple	Indigo	Blue	Light Blue
Cyan	Aqua	Teal	Green	Light Green	Lime	Sand
Khaki	Yellow	Amber	Orange	Deep Orange	Blue Gray	Brown
Light Gray	Gray	Dark Gray	Pale Red	Pale Yellow	Pale Green	Pale-Blue

Zusätzlich gibt es die Farben black und white .

Alle Farben gibt es als CSS Klassen für Hintergrund, Textfarbe und Rahmenfarbe, sowie die passenden Hover-Klassen

Hintergrund: w3-color w3-hover-color
Textfarbe: w3-text-color w3-hover-text-color
Rahmenfarbe: w3-border-color w3-hover-border-color

Außerdem gibt es die Klassen w3-transparent und w3-hover-none!

Weitere Farbsammlungen von W3.CSS

Diese Farb-Klassen sind nicht in W3.CSS enthalten. Zur Benutzung muss das passende Stylesheet generiert und eingebunden werden.

W3.CSS Color Flat UI
W3.CSS Color Metro UI
W3.CSS Color Win8
W3.CSS Color iOS
W3.CSS Color Fashion
W3.CSS Color Libraries
- US Highway Colors - 7 Farben
- US Safety Colors - 6 Farben
- European Signal Colors - 10 Farben
- Vivid Colors - 21 Farben
- Food Colors - 40 Farben
- Camouflage Colors - 15 Farben

W3.CSS Color Themes

Es gibt fertige Theme-CSS Dateien für die meisten W3.CSS Originalfarben (u.a. nicht für die pale-Farben). Für den Hintergrund existieren 11 Helligkeitsstufen von w3-theme-l5 (w3-light) über w3-theme bis w3-theme-d5 (w3-theme-dark). Allerdings existieren die Klassen w3-text-theme, w3-border-theme, w3-hover-theme, w3-hoverr-text-theme und w3-hover-border-theme nur für die Hauptfarbe ("w3-theme").

Der W3.CSS Color Generator generiert ein monochromatisches Theme-CSS für eine vorgegebene Farbe. Die CSS wird direkt generiert.

Wenn ein Color-Theme verwendet wird, sollte die W3PRO,CSS ohne Farbdefinitionen verwendet werden.