Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbe chartreuse

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, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe chartreuse

DetailHintergrundfarbe chartreuse Verlauf nach WeißVerlauf nach Schwarz
Farbe :chartreuse#7fff00#7fff00#7fff00#7fff00
Farbwert :#7fff00#91ff24#91ff24#6cda00#6cda00
HTML:chartreuse#a3ff48#a3ff48#5ab600#5ab600
CSS:chartreuse#b5ff6d#b5ff6d#489100#489100
CSS (Wert):#7fff00#c8ff91#c8ff91#366d00#366d00
CSS (kürzest):#7fff00#daffb6#daffb6#244800#244800
CSS (RGB):rgb(127,255,0)#ecffda#ecffda#122400#122400
CSS (%RGB):rgb(49%,100%,0%)#ffffff#ffffff#000000#000000

Beispiel zur Kombination mit Farbe chartreuse

Farbige Unterstreichung mit HTML-Tag a

Mit Tag <a> erzeugen Sie einen Link. Er kann hervorgehoben und farblich gestaltet werden.

In diesem Beispiel unterstreichen wir <a> mit Hilfe eines doppelten Rahmens mit 2 Pixel Dicke in Farbe chartreuse. Dies ist mit HTML nicht möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-bottom-color: chartreuse; 
    border-bottom-width: 2px; 
    border-bottom-style: double;
  }
//-->
</style>

Die Idee ist dabei, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu haben. Öfter sieht man dies bei Verweisen. Der Text ist in einer Farbe. Die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine normale Unterstreichung, der Text hat keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Mehr zu a können Sie in Verweise und Protokolle in HTML nachsehen. Der hier verwendete Tag a ist in der HTML Referenz bei <a> gezeigt.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen