Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbe turquoise

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 turquoise

DetailHintergrundfarbe turquoise Verlauf nach WeißVerlauf nach Schwarz
Farbe :turquoise#40e0d0#40e0d0#40e0d0#40e0d0
Farbwert :#40e0d0#5be4d6#5be4d6#36c0b2#36c0b2
HTML:turquoise#76e8dd#76e8dd#2da094#2da094
CSS:turquoise#91ede4#91ede4#248076#248076
CSS (Wert):#40e0d0#adf1ea#adf1ea#1b6059#1b6059
CSS (kürzest):#40e0d0#c8f6f1#c8f6f1#12403b#12403b
CSS (RGB):rgb(64,224,208)#e3faf8#e3faf8#09201d#09201d
CSS (%RGB):rgb(25%,87%,81%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe turquoise

Farbige Unterstreichung mit Befehl h6

Eine Überschrift erzeugen Sie mit Tag <h6>. Diese kann farblich gestaltet und hervorgehoben werden.

Hier unterstreichen wir <h6> mit Hilfe eines herausstehenden Rahmens mit 5 Pixel Dicke in Farbe turquoise. Dies geht in HTML nicht. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  h6 { 
    border-bottom-color:turquoise; 
    border-bottom-style:outset; 
    border-bottom-width:5px;
  }
//-->
</style>

Die Idee ist, unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sieht man das bei Verweisen. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Es ist jedoch keine wirkliche Unterstreichung, der Text selbst ist überhaupt nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zum Thema h6 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Weiteres zum hier gezeigten HTML-Befehl h6 ist in der HTML Referenz unter <h6> genau gezeigt.

Umrandung von HTML-Tag blockquote

In diesem Beispiel umranden wir <blockquote> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbe turquoise. In HTML ist dies nicht möglich. Daher nutzen wir hierfür CSS.

<style type="text/css"><!--
  blockquote { border:1px dashed turquoise; }
//-->
</style>

Weiteres zu blockquote können Sie in Blockorientierte Elemente in HTML lesen. Beschreibung vom hier gezeigten Befehl <blockquote>.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen