developerW3.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 Klassen w3-transparent und w3-hover-none!
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
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.