Direktnavigation
Weitere Infos (Randbereich)
Inhaltsbereich
6.7 Farben definieren: hexadezimal, dezimal und Namen
Am Bildschirm werden alle Farben aus Rot, Grün und Blau gemischt. Zur Definition der jeweiligen Farbanteile gibt es in CSS einige Möglichkeiten:
- Hexadezimal, normal: #rrggbb
Knallgelb ist #ffff00. So viel Rot und Grün wie möglich und überhaupt kein Blau. Hier ein paar einfache Merkhilfen:- ff steht für "folles Fund". »Alle Farben folles Fund« ist weiß.
- 00 (Doppelnull) steht für Licht aus. »Alles aus« ist schwarz.
- Hexadezimal, kurz: #rgb
Knallgelb ist #ff0. Jedes Zeichen wird gedoppelt. Diese Schreibweise ist praktisch, funktioniert aber natürlich nur für bestimmte Farbwerte. - Dezimal: rgb(rrr, ggg, bbb)
Mit Werten zwischen 0 und 255. Gelb wäre also rgb(255, 255, 0). - Prozentual: rgb(rrr%, ggg%, bbb%)
Knallgelb entspricht in dieser Schreibweise rgb(100%, 100%, 0%).
Außerdem sind die folgenden siebzehn Farbnamen erlaubt:
| Farbname | Farbton | Hexadezimal normal | Hex kurz | Farbe |
|---|---|---|---|---|
| white | weiß | #ffffff | #fff | |
| black | schwarz | #000000 | #000 | |
| red | knallrot | #ff0000 | #f00 | |
| maroon | dunkelrot | #800000 | - | |
| lime | knallgrün | #00ff00 | #0f0 | |
| green | dunkelgrün | #008000 | - | |
| blue | knallblau | #0000ff | #00f | |
| navy | dunkelblau | #000080 | - | |
| gray | dunkelgrau | #808080 | - | |
| silver | hellgrau | #c0c0c0 | - | |
| yellow | knallgelb | #ffff00 | #ff0 | |
| orange | orange | #ffa500 | - | |
| olive | oliv | #808000 | - | |
| purple | dunkellila | #800080 | - | |
| fuchsia | helllila | #ff00ff | #f0f | |
| aqua | türkis | #00ffff | #0ff | |
| teal | Win95 Desktop | #008080 | - |
Eine ausführliche Übersicht über Farbwerte mit Beispielen für die jeweilige Farbe finden Sie bei The Styleworks:
Hilfe bei der Farbenwahl
Farben im CSS zu definieren ist eine Sache, aber für ein Design zueinander passende Farben auszuwählen eine andere. In Teil V über »Wichtige Werkzeuge« finden Sie ein paar nützliche Tools dazu (im Buch ab Seite 372).
