Die kleine Homepage

Webdesign für kleine Homepages

Farbenlehre in html bzw. css

 

rgb = rot-grün-blau
rot ff, grün ff, blau ff
hier von allen das maximale: #ffffff; weiß
6-stellige Ziffern z.B. #3388dd
rot = 33 . grün = 88 . blau = dd
Farbe hier: #ff6622
rot = ff . grün = 66 . blau = 22
min-Werte = 00 | max-Werte = ff
hier von allem das minimale:
#000000 = schwarz
Die Werte der Zelle oberhalb leicht reduziert:
rot = 22 . grün = 77 . blau = cc
Farbe hier: #ffaa22
auf dem Weg zum Gelb
rot = ff . grün = aa . blau = 22

maximale pure Farben

#ff0000 = maximales rot #00ff00 = maximales grün #0000ff = maximales blau
#aa0000 = rot wird dunkler #00aa00 = grün wird dunkler #0000aa = blau wird dunkler
#550000 = rot wird noch dunkler #005500 = grün wird noch dunkler #000055 = blau wird noch dunkler

 

maximale gemischte Farben, der dritte Wert wird größer, die Farbe blasser

gelb

#ffff00   rot & grün maximal

türkis

#00ffff   grün & blau maximal

magenta

#ff00ff   rot & blau maximal
Wenn man den dritten Wert allmählich hochfährt ...
#ffff33
#33ffff #ff33ff
#ffff66 #66ffff #ff66ff
#ffff99 #99ffff #ff99ff
#ffffbb #bbffff #ffbbff
#ffffcc #ccffff #ffccff
#ffffee #eeffff #ffeeff

 

maximale gemischte Farben, die zwei Werte werden kleiner, die Farbe dunkler

gelb

#ffff00

türkis

#00ffff

magenta

#ff00ff
#eeee00 #00eeee #ee00ee
#cccc00 #00cccc #cc00cc
#aaaa00 #00aaaa #aa00aa
#888800 #008888 #880088
#555500 #005555 #550055
#222200 #002222 #220022

 

Grautöne

#222222 grau #444444 grau #666666 grau
#777777 grau #888888 grau #999999 grau
#aaaaaa grau #bbbbbb grau #cccccc grau
#dddddd grau #eeeeee grau #ffffff weiß

 

Von den Grautönen ganz leicht abgewichen ...

#dddddd grau #ddddff blau #bbbbbff blau
#dddddd grau #ddffdd grün #bbffbb grün
#dddddd grau #ffdddd rot #ffbbbb rot

 

Rot | Orange | Gelb

#550000 #880000 #aa0000
#bb0000 #dd0000 #ff0000
#ff3300 #ff6600 #ff9900
#ffaa00 #ffcc00 #ffee00
#ffff00 #ffff33 #ffff66