Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe cornsilk

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.

Hintergrundfarbe cornsilk

DetailHintergrundfarbe cornsilk Verlauf nach WeißVerlauf nach Schwarz
Farbe :cornsilk#fff8dc#fff8dc#fff8dc#fff8dc
Farbwert :#fff8dc#fff9e1#fff9e1#dad4bc#dad4bc
HTML:cornsilk#fffae6#fffae6#b6b19d#b6b19d
CSS:cornsilk#fffbeb#fffbeb#918d7d#918d7d
CSS (Wert):#fff8dc#fffcf0#fffcf0#6d6a5e#6d6a5e
CSS (kürzest):#fff8dc#fffdf5#fffdf5#48463e#48463e
CSS (RGB):rgb(255,248,220)#fffefa#fffefa#24231f#24231f
CSS (%RGB):rgb(100%,97%,86%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe cornsilk

Farbige Unterstreichung von HTML-Tag address

Hier unterstreichen wir <address> mit einem gepunkteten Rahmen mit 1 Pixel Dicke in Farbe cornsilk. Das geht in HTML nicht. Daher verwenden wir CSS.

<style type="text/css"><!--
  address { border-bottom:1px dotted cornsilk; }
//-->
</style>

Die Idee ist, verschiedene Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sieht man das bei Verweisen. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine wirkliche Unterstreichung, der Text selbst ist nicht unterstrichen. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Mehr zu address erfahren Sie in Blockorientierte Elemente in HTML. Der HTML-Befehl address ist in der HTML Referenz unter <address> genau zusammengestellt.

Änderung der Unterstreichung bei Hover von Tag label

Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <label> vor.

<style type="text/css"><!--
  label { 
    border-bottom-style: outset; 
    border-bottom-color: #880eec; 
    border-bottom-width: 3px;
  }
//-->
</style>
Nun stellen wir ein, dass bei Hover die Unterstreichungsfarbe auf Farbe cornsilk gesetzt wird.
<style type="text/css"><!--
  label: hover { 
    border-bottom-color: cornsilk;
  }
//-->
</style>

Die Idee ist, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sehen Sie dies bei Verweisen. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Das ist jedoch keine normale Unterstreichung, der Text selbst ist nicht unterstrichen. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Weiteres zu label können Sie in Formulare in HTML finden. Der Befehl label ist in der HTML Referenz bei <label> genau gezeigt.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen