Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #adff2f

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 #adff2f

DetailHintergrundfarbwert #adff2f Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#adff2f#adff2f#adff2f#adff2f#adff2f
Farbe :greenyellow#b8ff4c#b8ff4c#94da28#94da28
HTML:#adff2f#c4ff6a#c4ff6a#7bb621#7bb621
CSS:#adff2f#d0ff88#d0ff88#62911a#62911a
CSS (Wert):#adff2f#dbffa5#dbffa5#4a6d14#4a6d14
CSS (kürzest):#adff2f#e7ffc3#e7ffc3#31480d#31480d
CSS (RGB):rgb(173,255,47)#f3ffe1#f3ffe1#182406#182406
CSS (%RGB):rgb(67%,100%,18%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #adff2f

Umrandung von Tag img

In diesem Beispiel umranden wir <img> mit einem 3 Pixel dicken, herausstehenden Rahmen in Farbwert #adff2f. Dies geht mit HTML kaum. Daher verwenden wir hier CSS.

<style type="text/css"><!--
  img { 
    border-color: #adff2f; 
    border-width: 3px; 
    border-style: outset;
  }
//-->
</style>

Mehr zum Thema img können Sie in Grafik in HTML lesen. Weiteres zum HTML-Befehl img erfahren Sie in der HTML Referenz unter <img>.

Farbige Unterstreichung mit Befehl fieldset

Hier unterstreichen wir <fieldset> mit einem gefurchten Rahmen mit 2 Pixel Dicke in Farbwert #adff2f. Das geht in HTML kaum. Daher nutzen wir dafür CSS.

<style type="text/css"><!--
  fieldset { 
    border-bottom-color:#adff2f; 
    border-bottom-width:2px; 
    border-bottom-style:groove;
  }
//-->
</style>

Die Idee ist, unabhängige Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sehen Sie diesen Effekt bei Verweisen. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Das ist aber keine wirkliche Unterstreichung, der Text selbst hat gar keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Mehr zu fieldset können Sie in Formulare in HTML nachsehen. Einzelheiten des hier gezeigten HTML-Befehl fieldset sind in der HTML Referenz bei <fieldset> ausführlich zusammengestellt.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen