BHAK & BHAS Bludenz

Grundkurs HTML & CSS

Farbcodes


Farben (16,7 Millionen) kann man mit einem Hexadezimal-Code angeben: Solch ein Code wird immer mit einem Gatter (Doppelkreuz) # eingeleitet. Danach folgen 6 Zeichen: Die ersten zwei legen den Rot-Anteil fest, die mittleren den Grün-Anteil und die letzten beiden den Blau-Anteil. Dabei bedeuten:

    0 (entspricht dezimal 0)
    1 (entspricht dezimal 1)
    2 (entspricht dezimal 2)
    3 (entspricht dezimal 3)
    4 (entspricht dezimal 4)
    5 (entspricht dezimal 5)
    6 (entspricht dezimal 6)
    7 (entspricht dezimal 7)
    8 (entspricht dezimal 8)
    9 (entspricht dezimal 9)
    A (entspricht dezimal 10)
    B (entspricht dezimal 11)
    C (entspricht dezimal 12)
    D (entspricht dezimal 13)
    E (entspricht dezimal 14)
    F (entspricht dezimal 15)

Eine hexadezimale Ziffer kann also 16 Zustände haben. Jeder Farbwert (Rot, Grün, Blau) wird durch 2 Ziffern angegeben. Das macht 16 x 16 (=256) mögliche Zustände pro Farbwert, also 256 x 256 x 256 = 16.777.216 verschiedene Farbtöne.

Einige Farben können mit ihrem Namen angegeben werden. Die 16 wichtigsten sind:

black = schwarz navy = dunkelblau silver = hellgrau blue = blau
maroon = dunkelrot purple = violett red = rot fuchsia = magenta
green = dunkelgrün teal = blaugrün lime = hellgrün aqua = cyan
olive = ocker gray = dunkelgrau yellow = gelb white = weiß

Häufig verwendet werden die 216 Standardfarben. Nachstehend finden sich ihre Codes:

 #FFFFFF  #FFFFCC  #FFFF99  #FFFF66  #FFFF33  #FFFF00
 #CCFFFF  #CCFFCC  #CCFF99  #CCFF66  #CCFF33  #CCFF00
 #99FFFF  #99FFCC  #99FF99  #99FF66  #99FF33  #99FF00
 #66FFFF  #66FFCC  #66FF99  #66FF66  #66FF33  #66FF00
 #33FFFF  #33FFCC  #33FF99  #33FF66  #33FF33  #33FF00
 #00FFFF  #00FFCC  #00FF99  #00FF66  #00FF33  #00FF00
 #FFCCFF  #FFCCCC  #FFCC99  #FFCC66  #FFCC33  #FFCC00
 #CCCCFF  #CCCCCC  #CCCC99  #CCCC66  #CCCC33  #CCCC00
 #99CCFF  #99CCCC  #99CC99  #99CC66  #99CC33  #99CC00
 #66CCFF  #66CCCC  #66CC99  #66CC66  #66CC33  #66CC00
 #33CCFF  #33CCCC  #33CC99  #33CC66  #33CC33  #33CC00
 #00CCFF  #00CCCC  #00CC99  #00CC66  #00CC33  #00CC00
 #FF99FF  #FF99CC  #FF9999  #FF9966  #FF9933  #FF9900
 #CC99FF  #CC99CC  #CC9999  #CC9966  #CC9933  #CC9900
 #9999FF  #9999CC  #999999  #999966  #999933  #999900
 #6699FF  #6699CC  #669999  #669966  #669933  #669900
 #3399FF  #3399CC  #339999  #339966  #339933  #339900
 #0099FF  #0099CC  #009999  #009966  #009933  #009900
 #FF66FF  #FF66CC  #FF6699  #FF6666  #FF6633  #FF6600
 #CC66FF  #CC66CC  #CC6699  #CC6666  #CC6633  #CC6600
 #9966FF  #9966CC  #996699  #996666  #996633  #996600
 #6666FF  #6666CC  #666699  #666666  #666633  #666600
 #3366FF  #3366CC  #336699  #336666  #336633  #336600
 #0066FF  #0066CC  #006699  #006666  #006633  #006600
 #FF33FF  #FF33CC  #FF3399  #FF3366  #FF3333  #FF3300
 #CC33FF  #CC33CC  #CC3399  #CC3366  #CC3333  #CC3300
 #9933FF  #9933CC  #993399  #993366  #993333  #993300
 #6633FF  #6633CC  #663399  #663366  #663333  #663300
 #3333FF  #3333CC  #333399  #333366  #333333  #333300
 #0033FF  #0033CC  #003399  #003366  #003333  #003300
 #FF00FF  #FF00CC  #FF0099  #FF0066  #FF0033  #FF0000
 #CC00FF  #CC00CC  #CC0099  #CC0066  #CC0033  #CC0000
 #9900FF  #9900CC  #990099  #990066  #990033  #990000
 #6600FF  #6600CC  #660099  #660066  #660033  #660000
 #3300FF  #3300CC  #330099  #330066  #330033  #330000
 #0000FF  #0000CC  #000099  #000066  #000033  #000000