Farben

Dateiweite Angaben

Dateiweite Angaben für die Farbgebung sind Parameter des body-Befehles und werden gleich mit diesem festgelegt.

<body bgcolor="#nnnnnn" text="#nnnnnn" link="#nnnnnn" vlink="#nnnnnn" alink="#nnnnnn>"

bgcolor legt die Hintergrundfarbe der Internet-Seite fest. Wenn Sie an Stelle der Hintergrundfarbe ein Hintergrundbild (wallpaper) verwenden möchten, ist der Parameter background mit Angabe der Adresse (URL) der betreffenden Grafikdatei zu verwenden (<body background="bild.gif">).

text legt die Farbe des Textes, link die Farbe der noch nicht besuchten Verweise (Links), vlink die Farbe der bereits besuchten Verweise und alink die Farbe des Verweises auf die momentan angezeigte Seite fest.

Die Farben werden, angeführt vom Nummernzeichen(#) als hexadezimaler Code angegeben und reichen von schwarz (#000000) bis weiß (#FFFFFF). Dieser Code gibt ein Mischungsverhältnis der Grund-Lichtfarben rot, grün und blau an. In dieser Reihenfolge legen Sie jeweils zweistellig die Intensität des jeweiligen Farbanteiles fest. Ein intensives Rot definieren Sie mit dem Code #FF0000, Grün mit #00FF00 und #0000FF für Blau.

Gelb als Mischfarbe von Rot und Grün erfordert daher den Code #FFFF00. Bei der Farbwahl ist darauf zu achten, dass grelle Hintergrundfarben dazu führen, dass die Augen beim Betrachten der Seiten rasch ermüden. Verwenden Sie also Farben, die entspannend wirken und stimmen Sie Hintergrundfarben und Schriftfarben so aufeinander ab, dass diese einen angenehmen Kontrast bilden und gut lesbar sind.

Die Intensität des Farbanteiles ist also mit der Angabe '00' gleich Null und mit der Festlegung 'FF' am intensivsten. Die Buchstaben A, B, C, D, E und F stehen hier für die Nummern Zahlen 10, 11, 12, 13, 14, 15. Somit können für jede Farbe 256 Intensitäten festgelegt werden.

 

Farb-Beispiele

#420000 #650000 #880000 #AB0000 #FF0000
#FF4200 #FF8800 #FFAB00 #FFAB00 #FFFF00
#AB4200 #AB6500 #AB8800 #ABAB00 #ABFF00
#544200 #546500 #548800 #54AB00 #54FF00
#004200 #006500 #008800 #00AB00 #00FF00
#00FF42 #00FF65 #00FF88 #00FFAB #00FFFF
#00AB42 #00AB65 #00AB88 #00ABAB #00ABFF
#005442 #005465 #005488 #0054AB #0054FF
#000042 #000065 #000088 #0000AB #0000FF
#4200FF #6500FF #8800FF #AB00FF #FF00FF
#4200AB #6500AB #8800AB #AB00AB #FF00AB
#420054 #650054 #880054 #AB0054 #FF0054
#545454 #5454AB #5454FF #54AB54 #54ABAB
#54ABFF #54FF54 #54FFAB #54FFFF #AB5454
#AB54AB #AB54FF #ABAB54 #ABABAB #ABABFF
#ABFF54 #ABFFAB #ABFFFF #FF5454 #FF54AB
#FF54FF #FFAB54 #FFABAB #FFABFF #FFFF54
#000000 #FFFFFF #FFFFAB #B4973F #FFFF00
#F5F5F5 #DCDCDC #D3D3D3 #C0C0C0 #A9A9A9
#708090 #778899 #696969 #8C8F8F #808080
#8B4513 #A0522D #A52A2A #B22222 #8B0000
#D2691E #E9967A #F08080 #CD5C5C #800000
#F4A460 #FF7F50 #FA8072 #FFA07A #DC143C
#FFA500 #FF8C00 #FF6347 #FF4500 #FF0000
#DB7093 #FFB6C1 #FFC0CB #FF69B4 #FF1493
#C71585 #FFE4E1 #DA70D6 #EE82EE #FF00FF
#8B008B #800080 #DDA0DD #BA55D3 #FFF0F5
#9400D3 #9933CC #8A2BE2 #9370DB #D8BFD8
#483D8B #6A5ACD #7B68EE #B0C4DE #E6E6FA
#00008B #000080 #191970 #0000CD #0000FF
#00BFFF #87CEF4 #6495ED #1E90FF #4169EA
#87CEEB #ADD8E6 #B0E0E6 #4682B4 #4B6082
#E0FFFF #AFEEEE #008B8B #008080 #2F4F4F
#00FFFF #00CED1 #5F9EA0 #48D1CC #40E0D0
#008000 #2E8B57 #20B2AA #66CDAA #7FFFD4
#006400 #556B2F #3CB371 #8FBC8F #00FA9A
#228B22 #6B8E23 #98FB98 #90EE90 #00FF7F
#32CD32 #7CFC00 #00FF00 #7FFF00 #ADFF2F
#9ACD32 #7FD700 #808000 #B8B80B #8B7327
#BDB76B #EEE8AA #F0E68C #FFF2C8 #FFF8DC
#FAEBD7 #FAF0E2 #FDF5E6 #FFEBCD #FFEFD5
#F5DEB3 #FFDEAD #FFE4B5 #FFDAB9 #D2B48C
#FFFACD #FFFFCC #FFFFE0 #FAFAD2 #DEB887
#FFFBAA #FFFF00 #FFE404 #DAA520 #CD853F
#001000 #002000 #003000 #004000 #005000
#006000 #007000 #008000 #009000 #00A000
#00B000 #00C000 #00D000 #00E000 #00F000
#001010 #002010 #003010 #004010 #005010
#006010 #007010 #008010 #009010 #00A010
#00B010 #00C010 #00D010 #00E010 #00F010
#001020 #002020 #003020 #004020 #005020
#006020 #007020 #008020 #009020 #00A020
#00B020 #00C020 #00D020 #00E020 #00F020
#001030 #002030 #003030 #004030 #005030
#006010 #007010 #008010 #009010 #00A010
#00B030 #00C030 #00D030 #00E030 #00F030
#001040 #002040 #003040 #004040 #005040
#006040 #007040 #008040 #009040 #00A040
#00B040 #00C040 #00D040 #00E040 #00F040
#001050 #002050 #003050 #004050 #005050
#006050 #007050 #008050 #009050 #00A050
#00B050 #00C050 #00D050 #00E050 #00F050
#001060 #002060 #003060 #004060 #005060
#006060 #007060 #008060 #009060 #00A060
#00B060 #00C060 #00D060 #00E060 #00F060
#001070 #002070 #003070 #004070 #005070
#006070 #007070 #008070 #009070 #00A070
#00B070 #00C070 #00D070 #00E070 #00F070
#001080 #002080 #003080 #004080 #005080
#006080 #007080 #008080 #009080 #00A080
#00B080 #00C080 #00D080 #00E080 #00F080
#001090 #002090 #003090 #004090 #005090
#006090 #007090 #008090 #009090 #00A090
#00B090 #00C090 #00D090 #00E090 #00F090
#0010A0 #0020A0 #0030A0 #0040A0 #0050A0
#0060A0 #0070A0 #0080A0 #0090A0 #00A0A0
#00B0A0 #00C0A0 #00D0A0 #00E0A0 #00F0A0
#0010B0 #0020B0 #0030B0 #0040B0 #0050B0
#0060B0 #0070B0 #0080B0 #0090B0 #00A0B0
#00B0B0 #00C0B0 #00D0B0 #00E0B0 #00F0B0
#0010C0 #0020C0 #0030C0 #0040C0 #0050C0
#0060C0 #0070C0 #0080C0 #0090C0 #00A0C0
#00B0C0 #00C0C0 #00D0C0 #00E0C0 #00F0C0
#0010D0 #0020D0 #0030D0 #0040D0 #0050D0
#0060D0 #0070D0 #0080D0 #0090D0 #00A0D0
#00B0D0 #00C0D0 #00D0D0 #00E0D0 #00F0D0
#001010 #002010 #003010 #004010 #005010
#006010 #007010 #008010 #009010 #00A010
#00B0E0 #00C0E0 #00D0E0 #00E0E0 #00F0E0
#001010 #002010 #003010 #004010 #005010
#006010 #007010 #008010 #009010 #00A010
#00B0F0 #00C0F0 #00D0F0 #00E0F0 #00F0F0
#101000 #102000 #103000 #104000 #105000
#006000 #007000 #008000 #009000 #00A000
#10B000 #10C000 #10D000 #10E000 #10F000
#201010 #202010 #203010 #204010 #205010
#206010 #207010 #208010 #209010 #20A010
#20B010 #20C010 #20D010 #20E010 #20F010
#301020 #302020 #303020 #304020 #305020
#306020 #307020 #308020 #309020 #30A020
#30B020 #30C020 #30D020 #30E020 #30F020
#401030 #402030 #403030 #404030 #405030
#406010 #407010 #408010 #409010 #40A010
#40B030 #40C030 #40D030 #40E030 #40F030
#501040 #502040 #503040 #504040 #505040
#506040 #507040 #508040 #509040 #50A040
#50B040 #50C040 #50D040 #50E040 #50F040
#601050 #602050 #603050 #604050 #605050
#606050 #607050 #608050 #609050 #60A050
#60B050 #60C050 #60D050 #60E050 #60F050
#701060 #702060 #703060 #704060 #705060
#706060 #707060 #708060 #709060 #70A060
#70B060 #70C060 #70D060 #70E060 #70F060
#801070 #802070 #803070 #804070 #805070
#806070 #807070 #808070 #809070 #80A070
#80B070 #80C070 #80D070 #80E070 #80F070
#901080 #902080 #903080 #904080 #905080
#906080 #907080 #908080 #909080 #90A080
#90B080 #90C080 #90D080 #90E080 #90F080
#A01090 #A02090 #A03090 #A04090 #A05090
#A06090 #A07090 #A08090 #A09090 #A0A090
#A0B090 #A0C090 #A0D090 #A0E090 #A0F090
#B010A0 #B020A0 #B030A0 #B040A0 #B050A0
#B060A0 #B070A0 #B080A0 #B090A0 #B0A0A0
#B0B0A0 #B0C0A0 #B0D0A0 #B0E0A0 #B0F0A0
#C010B0 #C020B0 #C030B0 #C040B0 #C050B0
#C060B0 #C070B0 #C080B0 #C090B0 #C0A0B0
#C0B0B0 #C0C0B0 #C0D0B0 #C0E0B0 #C0F0B0
#D010C0 #D020C0 #D030C0 #D040C0 #D050C0
#D060C0 #D070C0 #D080C0 #D090C0 #D0A0C0
#D0B0C0 #D0C0C0 #D0D0C0 #D0E0C0 #D0F0C0
#E010D0 #E020D0 #E030D0 #E040D0 #E050D0
#E060D0 #E070D0 #E080D0 #E090D0 #E0A0D0
#E0B0D0 #E0C0D0 #E0D0D0 #E0E0D0 #E0F0D0
#F010E0 #F020E0 #F030E0 #F040E0 #F050E0
#F060E0 #F070E0 #F080E0 #F090E0 #F0A0E0
#F0B0E0 #F0C0E0 #F0D0E0 #F0E0E0 #F0F0E0
#FF1000 #FF2000 #FF3000 #FF4000 #FF5000
#FF6000 #FF7000 #FF8000 #FF9000 #FFA000
#FFB000 #FFC000 #FFD000 #FFE000 #FFF000
#FF1010 #FF2010 #FF3010 #FF4010 #FF5010
#FF6010 #FF7010 #FF8010 #FF9010 #FFA010
#FFB010 #FFC010 #FFD010 #FFE010 #FFF010
#FF1020 #FF2020 #FF3020 #FF4020 #FF5020
#FF6020 #FF7020 #FF8020 #FF9020 #FFA020
#FFB020 #FFC020 #FFD020 #FFE020 #FFF020
#FF1030 #FF2030 #FF3030 #FF4030 #FF5030
#FF6010 #FF7010 #FF8010 #FF9010 #FFA010
#FFB030 #FFC030 #FFD030 #FFE030 #FFF030
#FF1040 #FF2040 #FF3040 #FF4040 #FF5040
#FF6040 #FF7040 #FF8040 #FF9040 #FFA040
#FFB040 #FFC040 #FFD040 #FFE040 #FFF040
#FF1050 #FF2050 #FF3050 #FF4050 #FF5050
#FF6050 #FF7050 #FF8050 #FF9050 #FFA050
#FFB050 #FFC050 #FFD050 #FFE050 #FFF050
#FF1060 #FF2060 #FF3060 #FF4060 #FF5060
#FF6060 #FF7060 #FF8060 #FF9060 #FFA060
#FFB060 #FFC060 #FFD060 #FFE060 #FFF060
#FF1070 #FF2070 #FF3070 #FF4070 #FF5070
#FF6070 #FF7070 #FF8070 #FF9070 #FFA070
#FFB070 #FFC070 #FFD070 #FFE070 #FFF070
#FF1080 #FF2080 #FF3080 #FF4080 #FF5080
#FF6080 #FF7080 #FF8080 #FF9080 #FFA080
#FFB080 #FFC080 #FFD080 #FFE080 #FFF080
#FF1090 #FF2090 #FF3090 #FF4090 #FF5090
#FF6090 #FF7090 #FF8090 #FF9090 #FFA090
#FFB090 #FFC090 #FFD090 #FFE090 #FFF090
#FF10A0 #FF20A0 #FF30A0 #FF40A0 #FF50A0
#FF60A0 #FF70A0 #FF80A0 #FF90A0 #FFA0A0
#FFB0A0 #FFC0A0 #FFD0A0 #FFE0A0 #FFF0A0
#FF10B0 #FF20B0 #FF30B0 #FF40B0 #FF50B0
#FF60B0 #FF70B0 #FF80B0 #FF90B0 #FFA0B0
#FFB0B0 #FFC0B0 #FFD0B0 #FFE0B0 #FFF0B0
#FF10C0 #FF20C0 #FF30C0 #FF40C0 #FF50C0
#FF60C0 #FF70C0 #FF80C0 #FF90C0 #FFA0C0
#FFB0C0 #FFC0C0 #FFD0C0 #FFE0C0 #FFF0C0
#FF10D0 #FF20D0 #FF30D0 #FF40D0 #FF50D0
#FF60D0 #FF70D0 #FF80D0 #FF90D0 #FFA0D0
#FFB0D0 #FFC0D0 #FFD0D0 #FFE0D0 #FFF0D0
#FF10E0 #FF20E0 #FF30E0 #FF40E0 #FF50E0
#FF60E0 #FF70E0 #FF80E0 #FF90E0 #FFA0E0
#FFB0E0 #FFC0E0 #FFD0E0 #FFE0E0 #FFF0E0
#FFFF00 #FFFF10 #FFFF20 #FFFF30 #FFFF40
#FFFF50 #FFFF60 #FFFF70 #FFFF80 #FFFF90
#FFFFA0 #FFFFB0 #FFFFC0 #FFFFD0 #FFFFE0
#10FF10 #10FF20 #10FF30 #10FF40 #00FF50
#00FF60 #00FF70 #00FF80 #00FF90 #10FFA0
#10FFB0 #10FFC0 #10FFD0 #10FFE0 #10FFF0
#20FF10 #20FF20 #20FF30 #20FF40 #20FF50
#20FF60 #20FF70 #20FF80 #20FF90 #20FFA0
#20FFB0 #20FFC0 #20FFD0 #20FFE0 #20FFF0
#30FF10 #30FF20 #30FF30 #30FF40 #30FF50
#30FF60 #30FF70 #30FF80 #30FF90 #30FFA0
#30FFB0 #30FFC0 #30FFD0 #30FFE0 #30FFF0
#40FF10 #40FF20 #40FF30 #40FF40 #40FF50
#40FF60 #40FF70 #40FF80 #40FF90 #40FFA0
#40FFB0 #40FFC0 #40FFD0 #40FFD0 #40FFD0
#50FF10 #50FF20 #50FF30 #50FF40 #50FF50
#50FF60 #50FF70 #50FF80 #50FF90 #50FFA0
#50FFB0 #50FFC0 #50D0D0 #50E0E0 #50F0F0
#60FF10 #60FF20 #60FF30 #60FF40 #60FF50
#60FF60 #60FF70 #60FF80 #60FF90 #60FFA0
#60FFB0 #60FFC0 #60FFD0 #60FFE0 #60FFF0
#70FF10 #70FF20 #70FF30 #70FF40 #70FF50
#70FF60 #70FF70 #70FF80 #70FF90 #70FFA0
#70FFB0 #70FFC0 #70FFD0 #70FFE0 #70FFF0
#80FF10 #80FF20 #80FF30 #80FF40 #80FF50
#80FF60 #80FF70 #80FF80 #80FF90 #80FFA0
#80FFB0 #80FFC0 #80FFD0 #80FFE0 #80FFF0
#90FF10 #90FF20 #90FF30 #90FF40 #90FF50
#90FF60 #90FF70 #90FF80 #90FF90 #90FFA0
#90FFB0 #90FFC0 #90FFD0 #90FFE0 #90FFF0
#A0FF10 #A0FF20 #A0FF30 #A0FF40 #A0FF50
#A06060 #A07070 #FFA080 #A09090 #A0A0A0
#A0FFB0 #A0FFC0 #A0FFD0 #A0FFE0 #A0FFF0
#B0FF10 #B0FF20 #B0FF30 #B0FF40 #B0FF50
#B0FF60 #B0FF70 #B0FFB0 #B0FF90 #B0AFF0
#B0FFB0 #B0FFC0 #B0FFD0 #B0FFE0 #B0FFF0
#C0FF10 #C0FF20 #C0FF30 #C0FF40 #C0FF50
#C0FF60 #C0FF70 #COFFC0 #C0FF90 #C0FFA0
#C0FFB0 #C0FFC0 #C0FFD0 #C0FFE0 #C0FFF0
#D0FF10 #D0FF20 #D0FF30 #D0FF40 #D0FF50
#D0FF60 #D0FF70 #D0FFD0 #D0FF90 #D0FFA0
#D0FFB0 #D0FFC0 #D0FFD0 #D0FFE0 #D0FFF0
#E0FF10 #E0FF20 #E0FF30 #E0FF40 #E0FF50
#E0FF60 #E0FF70 #E0FF80 #E0FF90 #E0FFA0
#E0FFB0 #E0FFC0 #E0FFD0 #E0FFE0 #E0FFF0
#F0FF10 #F0FF20 #F0FF30 #F0FF40 #F0FF50
#F0FF60 #F0FF70 #F0FF80 #F0FF90 #F0FFA0
#F0FFB0 #F0FFC20 #F0FFD0 #F0FFE0 #F0FFF0
#00FFFF #10FFFF #20FFFF #30FFFF #40FFFF
#50FFFF #60FFFF #70FFFF #80FFFF #90FFFF
#A0FFFF #B0FFFF #C0FFFF #D0V #E0FFFF

 

Wo können Farben festgelegt werden?

Textpassagen: <font color=#nnnnnn>Text in anderer Farbe </font>
Trennlinien: <hr color=#nnnnnn>
Tabellen-Hintergrundfarbe: <table bgcolor=#nnnnnn>
Tabellenzeilen-Hintergrundfarbe: <tr bgcolor=#nnnnnn>
Tabellenzellen-Hintergrundfarbe: <td bgcolor=#nnnnnn>
Tabellen-Rahmen: <table bordercolor=#nnnnnn>