Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe darkturquoise

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 darkturquoise

DetailHintergrundfarbe darkturquoise Verlauf nach WeißVerlauf nach Schwarz
Farbe :darkturquoise#00ced1#00ced1#00ced1#00ced1
Farbwert :#00ced1#24d5d7#24d5d7#00b0b3#00b0b3
HTML:darkturquoise#48dcde#48dcde#009395#009395
CSS:darkturquoise#6de3e4#6de3e4#007577#007577
CSS (Wert):#00ced1#91eaeb#91eaeb#005859#005859
CSS (kürzest):#00ced1#b6f1f1#b6f1f1#003a3b#003a3b
CSS (RGB):rgb(0,206,209)#daf8f8#daf8f8#001d1d#001d1d
CSS (%RGB):rgb(0%,80%,81%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe darkturquoise

Änderung der Textfarbe bei Hover bei HTML-Befehl colgroup

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

Dafür stellen wir <colgroup> so ein, dass sich bei Mausberührung die Textfarbe auf Farbe darkturquoise ändert.
<style type="text/css"><!--
  colgroup: hover { 
    color: darkturquoise;
  }
//-->
</style>

Weiteres zu colgroup lesen Sie in Tabellen in HTML. Der Tag colgroup ist in der HTML Referenz unter <colgroup> beschrieben.

Farbige Unterstreichung mit Tag h3

Mit Tag <h3> wird eine Überschrift der 3. Stufe gesetzt und kann farblich gestaltet werden.

Hier unterstreichen wir <h3> mit Hilfe eines doppelten Rahmens mit 5 Pixel Dicke in Farbe darkturquoise. Das ist in HTML nicht möglich. Daher verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  h3 { border-bottom:5px double darkturquoise; }
//-->
</style>

Die Idee ist dabei, verschiedene Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sieht man dies bei Links. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine wirkliche Unterstreichung, der Text hat überhaupt keine Unterstreichung. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Weiteres zu h3 finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier genutzten HTML-Tag h3 ist in der HTML Referenz bei <h3> zusammengestellt.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen