In diesem Kapitel werden wir über Farben sprechen.

Zuerst sehen wir uns die 3 einfachen Farben von html an. Normalerweise werden die Farben, die ROT, GRÜN und BLAU kombinieren, angezeigt.

Die CSS-Farben werden mit einer hexadezimalen (hex) Notation für die Kombination von roten, grünen und blauen Farbwerten (RGB) definiert. Der niedrigste Wert, der einer der Lichtquellen gegeben werden kann, ist 0 (hex 00). Der höchste Wert ist 255 (hex FF).

Die Hex-Werte werden als 6-stellige Zahlen geschrieben und fangen mit einem #-Zeichen an.

Unten sehen Sie die HEX-Werte von Webfarben, Sie können sie auch in kleinen Buchstaben schreiben. Es spielt keine Rolle.

Zum Beispiel ist Weiß #FFFFFF oder #ffffff.

Farbname Farbe HEX
AliceBlue #F0F8FF
AntiqueWhite #FAEBD7
Aqua #00FFFF
Aquamarine #7FFFD4
Azure #F0FFFF
Beige #F5F5DC
Bisque #FFE4C4
Black #000000
BlanchedAlmond #FFEBCD
Blue #0000FF
BlueViolet #8A2BE2
Brown #A52A2A
BurlyWood #DEB887
CadetBlue #5F9EA0
Chocolate #D2691E
Coral #FF7F50
CornflowerBlue #6495ED
Cornsilk #FFF8DC
Crimson #DC143C
Cyan #00FFFF
DarkBlue #00008B
DarkCyan #008B8B
DarkGoldenRod #B8860B
DarkGray #A9A9A9
DarkGreen #006400
DarkKhaki #BDB76B
DarkMagenta #8B008B
DarkOliveGreen #556B2F
DarkOrange #FF8C00
DarkOrchid #9932CC
DarkRed #8B0000
DarkSalmon #E9967A
DarkSeaGreen #8FBC8F
DarkSlateBlue #483D8B
DarkSlateGray #2F4F4F
DarkTurquoise #00CED1
DarkViolet #9400D3
DeepPink #FF1493
DeepSkyBlue #00BFFF
DimGray #696969
DodgerBlue #1E90FF
FireBrick #B22222
FloralWhite #FFFAF0
ForestGreen #228B22
Fuchsia #FF00FF
Gainsboro DCDCDC
GhostWhite #F8F8FF
Gold #FFD700
GoldenRod #DAA520
Gray #808080
Green #008000
GreenYellow #ADFF2F
HoneyDew #F0FFF0
HotPink #FF69B4
IndianRed #CD5C5C
Indigo #4B0082
Ivory #FFFFF0
Khaki #F0E68C
Lavender #E6E6FA
LavenderBlush #FFF0F5
LawnGreen #7CFC00
LemonChiffon #FFFACD
LightBlue #ADD8E6
LightCoral #F08080
LightCyan #E0FFFF
LightGoldenRodYellow #FAFAD2
LightGray #D3D3D3
LightGreen #90EE90
LightPink #FFB6C1
LightSalmon #FFA07A
LightSeaGreen #20B2AA
LightSkyBlue #87CEFA
LightSlateGray #778899
LightSteelBlue #B0C4DE
LightYellow #FFFFE0
Lime #00FF00
LimeGreen #32CD32
Linen #FAF0E6
Magenta #FF00FF
Maroon #800000
MediumAquaMarine #66CDAA
MediumBlue #0000CD
MediumOrchid #BA55D3
MediumPurple #9370DB
MediumSeaGreen #3CB371
MediumSlateBlue #7B68EE
MediumSpringGreen #00FA9A
MediumTurquoise #48D1CC
MediumVioletRed #C71585
MidnightBlue   #191970
MintCream   #F5FFFA
MistyRose   #FFE4E1
Moccasin   #FFE4B5
NavajoWhite   #FFDEAD
Navy   #000080
OldLace   #FDF5E6
Olive   #808000
OliveDrab   #6B8E23
Orange   #FFA500
OrangeRed   #FF4500
Orchid   #DA70D6
PaleGoldenRod   #EEE8AA
PaleGreen   #98FB98
PaleTurquoise   #AFEEEE
PaleVioletRed   #DB7093
PapayaWhip   #FFEFD5
PeachPuff   #FFDAB9
Peru   #CD853F
Pink   #FFC0CB
Plum   #DDA0DD
PowderBlue   #B0E0E6
Purple   #800080
Red   #FF0000
RosyBrown   #BC8F8F
RoyalBlue   #4169E1
SaddleBrown   #8B4513
Salmon   #FA8072
SandyBrown   #F4A460
SeaGreen   #2E8B57
SeaShell   #FFF5EE
Sienna   #A0522D
Silver   #C0C0C0
SkyBlue   #87CEEB
SlateBlue   #6A5ACD
SlateGray   #708090
Snow   #FFFAFA
SpringGreen   #00FF7F
SteelBlue   #4682B4
Tan   #D2B48C
Teal   #008080
Thistle #D8BFD8
Tomato #FF6347
Turquoise #40E0D0
Violet #EE82EE
Wheat #F5DEB3
White #FFFFFF
WhiteSmoke #F5F5F5
Yellow #FFFF00
YellowGreen #9ACD32

Übe dein Wissen

Welche der folgenden Aussagen sind korrekte CSS-Farbnamen?
Finden Sie das nützlich?