Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #dc143c

von Thomas Salvador.

Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbwert #dc143c

DetailHintergrundfarbwert #dc143c Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#dc143c#dc143c#dc143c#dc143c#dc143c
Farbe :crimson#e13557#e13557#bc1133#bc1133
HTML:#dc143c#e65773#e65773#9d0e2a#9d0e2a
CSS:#dc143c#eb788f#eb788f#7d0b22#7d0b22
CSS (Wert):#dc143c#f09aab#f09aab#5e0819#5e0819
CSS (kürzest):#dc143c#f5bbc7#f5bbc7#3e0511#3e0511
CSS (RGB):rgb(220,20,60)#fadde3#fadde3#1f0208#1f0208
CSS (%RGB):rgb(86%,7%,23%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #dc143c

Änderung der Textfarbe bei Hover bei HTML-Befehl address

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <address> so ein, dass bei Mausberührung die Textfarbe auf Farbwert #dc143c geändert wird.
<style type="text/css"><!--
  address:hover { 
    color:#dc143c;
  }
//-->
</style>

Weiteres zu address können Sie in Blockorientierte Elemente in HTML lesen. Möglichkeiten vom HTML-Tag address finden Sie in der HTML Referenz unter <address>.

Umrandung mit HTML-Tag frame

In diesem Beispiel umranden wir <frame> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbwert #dc143c. Mit HTML geht dies kaum. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  frame { border:5px ridge #dc143c; }
//-->
</style>

Beschreibung des Tag <frame>.

Tabelle der 120 HTML Farbnamen

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
aliceblue #f0f8ff         +  aliceblue #f0f8ff aliceblue / #dc143c
antiquewhite #faebd7         +  antiquewhite #faebd7 antiquewhite / #dc143c
aquamarine #7fffd4         +  aquamarine #7fffd4 aquamarine / #dc143c
azure #f0ffff         +  azure #f0ffff azure / #dc143c
beige #f5f5dc         +  beige #f5f5dc beige / #dc143c
blueviolet #8a2be2         +  blueviolet #8a2be2 blueviolet / #dc143c
brown #a52a2a         +  brown #a52a2a brown / #dc143c
burlywood #deb887         +  burlywood #deb887 burlywood / #dc143c
cadetblue #5f9ea0         +  cadetblue #5f9ea0 cadetblue / #dc143c
chartreuse #7fff00         +  chartreuse #7fff00 chartreuse / #dc143c
chocolate #d2691e         +  chocolate #d2691e chocolate / #dc143c
coral #ff7f50         +  coral #ff7f50 coral / #dc143c
cornflowerblue #6495ed         +  cornflowerblue #6495ed cornflowerblue / #dc143c
cornsilk #fff8dc         +  cornsilk #fff8dc cornsilk / #dc143c
crimson #dc143c         +  crimson #dc143c crimson / #dc143c
darkblue #00008b         +  darkblue #00008b darkblue / #dc143c
darkcyan #008b8b         +  darkcyan #008b8b darkcyan / #dc143c
darkgoldenrod #b8860b         +  darkgoldenrod #b8860b darkgoldenrod / #dc143c
darkgray #a9a9a9         +  darkgray #a9a9a9 darkgray / #dc143c
darkgreen #006400         +  darkgreen #006400 darkgreen / #dc143c
darkkhaki #bdb76b         +  darkkhaki #bdb76b darkkhaki / #dc143c
darkmagenta #8b008b         +  darkmagenta #8b008b darkmagenta / #dc143c
darkolivegreen #556b2f         +  darkolivegreen #556b2f darkolivegreen / #dc143c
darkorange #ff8c00         +  darkorange #ff8c00 darkorange / #dc143c
darkorchid #9932cc         +  darkorchid #9932cc darkorchid / #dc143c
darkred #8b0000         +  darkred #8b0000 darkred / #dc143c
darksalmon #e9967a         +  darksalmon #e9967a darksalmon / #dc143c
darkseagreen #8fbc8f         +  darkseagreen #8fbc8f darkseagreen / #dc143c
darkslateblue #483d8b         +  darkslateblue #483d8b darkslateblue / #dc143c
darkslategray #2f4f4f         +  darkslategray #2f4f4f darkslategray / #dc143c
darkturquoise #00ced1         +  darkturquoise #00ced1 darkturquoise / #dc143c
darkviolet #9400d3         +  darkviolet #9400d3 darkviolet / #dc143c
deeppink #ff1493         +  deeppink #ff1493 deeppink / #dc143c
deepskyblue #00bfff         +  deepskyblue #00bfff deepskyblue / #dc143c
dimgray #696969         +  dimgray #696969 dimgray / #dc143c
dodgerblue #1e90ff         +  dodgerblue #1e90ff dodgerblue / #dc143c
firebrick #b22222         +  firebrick #b22222 firebrick / #dc143c
floralwhite #fffaf0         +  floralwhite #fffaf0 floralwhite / #dc143c
forestgreen #228b22         +  forestgreen #228b22 forestgreen / #dc143c
gainsboro #dcdcdc         +  gainsboro #dcdcdc gainsboro / #dc143c
ghostwhite #f8f8ff         +  ghostwhite #f8f8ff ghostwhite / #dc143c
gold #ffd700         +  gold #ffd700 gold / #dc143c
goldenrod #daa520         +  goldenrod #daa520 goldenrod / #dc143c
greenyellow #adff2f         +  greenyellow #adff2f greenyellow / #dc143c
honeydew #f0fff0         +  honeydew #f0fff0 honeydew / #dc143c
hotpink #ff69b4         +  hotpink #ff69b4 hotpink / #dc143c
indianred #cd5c5c         +  indianred #cd5c5c indianred / #dc143c
indigo #4b0082         +  indigo #4b0082 indigo / #dc143c
ivory #fffff0         +  ivory #fffff0 ivory / #dc143c
khaki #f0e68c         +  khaki #f0e68c khaki / #dc143c
lavender #e6e6fa         +  lavender #e6e6fa lavender / #dc143c
lavenderblush #fff0f5         +  lavenderblush #fff0f5 lavenderblush / #dc143c
lawngreen #7cfc00         +  lawngreen #7cfc00 lawngreen / #dc143c
lemonchiffon #fffacd         +  lemonchiffon #fffacd lemonchiffon / #dc143c
lightblue #add8e6         +  lightblue #add8e6 lightblue / #dc143c
lightcoral #f08080         +  lightcoral #f08080 lightcoral / #dc143c
lightcyan #e0ffff         +  lightcyan #e0ffff lightcyan / #dc143c
lightgoldenrodyellow #fafad2         +  lightgoldenrodyellow #fafad2 lightgoldenrodyellow / #dc143c
lightgreen #90ee90         +  lightgreen #90ee90 lightgreen / #dc143c
lightgrey #d3d3d3         +  lightgrey #d3d3d3 lightgrey / #dc143c
lightpink #ffb6c1         +  lightpink #ffb6c1 lightpink / #dc143c
lightsalmon #ffa07a         +  lightsalmon #ffa07a lightsalmon / #dc143c
lightseagreen #20b2aa         +  lightseagreen #20b2aa lightseagreen / #dc143c
lightskyblue #87cefa         +  lightskyblue #87cefa lightskyblue / #dc143c
lightslategray #778899         +  lightslategray #778899 lightslategray / #dc143c
lightsteelblue #b0c4de         +  lightsteelblue #b0c4de lightsteelblue / #dc143c
lightyellow #ffffe0         +  lightyellow #ffffe0 lightyellow / #dc143c
limegreen #32cd32         +  limegreen #32cd32 limegreen / #dc143c
linen #faf0e6         +  linen #faf0e6 linen / #dc143c
mediumaquamarine #66cdaa         +  mediumaquamarine #66cdaa mediumaquamarine / #dc143c
mediumblue #0000cd         +  mediumblue #0000cd mediumblue / #dc143c
mediumorchid #ba55d3         +  mediumorchid #ba55d3 mediumorchid / #dc143c
mediumpurple #9370db         +  mediumpurple #9370db mediumpurple / #dc143c
mediumseagreen #3cb371         +  mediumseagreen #3cb371 mediumseagreen / #dc143c
mediumslateblue #7b68ee         +  mediumslateblue #7b68ee mediumslateblue / #dc143c
mediumspringgreen #00fa9a         +  mediumspringgreen #00fa9a mediumspringgreen / #dc143c
mediumturquoise #48d1cc         +  mediumturquoise #48d1cc mediumturquoise / #dc143c
mediumvioletred #c71585         +  mediumvioletred #c71585 mediumvioletred / #dc143c
midnightblue #191970         +  midnightblue #191970 midnightblue / #dc143c
mintcream #f5fffa         +  mintcream #f5fffa mintcream / #dc143c
mistyrose #ffe4e1         +  mistyrose #ffe4e1 mistyrose / #dc143c
moccasin #ffe4b5         +  moccasin #ffe4b5 moccasin / #dc143c
navajowhite #ffdead         +  navajowhite #ffdead navajowhite / #dc143c
oldlace #fdf5e6         +  oldlace #fdf5e6 oldlace / #dc143c
olivedrab #6b8e23         +  olivedrab #6b8e23 olivedrab / #dc143c
orange #ffa500         +  orange #ffa500 orange / #dc143c
orangered #ff4500         +  orangered #ff4500 orangered / #dc143c
orchid #da70d6         +  orchid #da70d6 orchid / #dc143c
palegoldenrod #eee8aa         +  palegoldenrod #eee8aa palegoldenrod / #dc143c
palegreen #98fb98         +  palegreen #98fb98 palegreen / #dc143c
paleturquoise #afeeee         +  paleturquoise #afeeee paleturquoise / #dc143c
palevioletred #db7093         +  palevioletred #db7093 palevioletred / #dc143c
papayawhip #ffefd5         +  papayawhip #ffefd5 papayawhip / #dc143c
peachpuff #ffdab9         +  peachpuff #ffdab9 peachpuff / #dc143c
peru #cd853f         +  peru #cd853f peru / #dc143c
pink #ffc0cb         +  pink #ffc0cb pink / #dc143c
plum #dda0dd         +  plum #dda0dd plum / #dc143c
powderblue #b0e0e6         +  powderblue #b0e0e6 powderblue / #dc143c
rosybrown #bc8f8f         +  rosybrown #bc8f8f rosybrown / #dc143c
royalblue #4169e1         +  royalblue #4169e1 royalblue / #dc143c
saddlebrown #8b4513         +  saddlebrown #8b4513 saddlebrown / #dc143c
salmon #fa8072         +  salmon #fa8072 salmon / #dc143c
sandybrown #f4a460         +  sandybrown #f4a460 sandybrown / #dc143c
seagreen #2e8b57         +  seagreen #2e8b57 seagreen / #dc143c
seashell #fff5ee         +  seashell #fff5ee seashell / #dc143c
sienna #a0522d         +  sienna #a0522d sienna / #dc143c
skyblue #87ceeb         +  skyblue #87ceeb skyblue / #dc143c
slateblue #6a5acd         +  slateblue #6a5acd slateblue / #dc143c
slategray #708090         +  slategray #708090 slategray / #dc143c
snow #fffafa         +  snow #fffafa snow / #dc143c
springgreen #00ff7f         +  springgreen #00ff7f springgreen / #dc143c
steelblue #4682b4         +  steelblue #4682b4 steelblue / #dc143c
tan #d2b48c         +  tan #d2b48c tan / #dc143c
thistle #d8bfd8         +  thistle #d8bfd8 thistle / #dc143c
tomato #ff6347         +  tomato #ff6347 tomato / #dc143c
turquoise #40e0d0         +  turquoise #40e0d0 turquoise / #dc143c
violet #ee82ee         +  violet #ee82ee violet / #dc143c
wheat #f5deb3         +  wheat #f5deb3 wheat / #dc143c
whitesmoke #f5f5f5         +  whitesmoke #f5f5f5 whitesmoke / #dc143c
yellowgreen #9acd32         +  yellowgreen #9acd32 yellowgreen / #dc143c

Weitere Farbtabellen