Direktnavigation

Weitere Infos

Sie lesen:
LB Teil 1 (2009)

Little Boxes Teil 1 (Cover)

Aktuell (2015)
Einstieg in CSS

Einstieg in CSS (Cover)


2. Auflage!

Einstieg in CSS (Cover)

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: