Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkturquoise und Farbwert #db7093

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

Schriftfarbwert #db7093

DetailHintergrund darkturquoise DetailSchrift #db7093 
Farbe :darkturquoiseFarbwert :#db7093
Farbwert :#00ced1Farbe :palevioletred
HTML:darkturquoiseHTML:#db7093
HTML (Wert):#00ced1HTML (Wert):#db7093
CSS:darkturquoiseCSS:#db7093
CSS (Wert):#00ced1CSS (Wert):#db7093
CSS (kürzest):#00ced1CSS (kürzest):#db7093
CSS (RGB):rgb(0,206,209)CSS (RGB):rgb(219,112,147)
CSS (%RGB):rgb(0%,80%,81%)CSS (%RGB):rgb(85%,43%,57%)

Verlauf Hintergrundfarbe darkturquoise nach Schriftfarbwert #db7093

#00ced1#1fc0c8#3eb3bf#5da5b6#7d98ad#9c8aa4#bb7d9b#db7093
#00ced1#1fc0c8#3eb3bf#5da5b6#7d98ad#9c8aa4#bb7d9b#db7093

Kombination von darkturquoise und #db7093

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.

Die Ähnlichkeit der Farben #db7093 und darkturquoise ergibt sich zu 92.42%. Die Lesbarkeit dieser Farbkombination liegt damit bei 7.58%.

Auf Hintergrund darkturquoise ist #db7093 ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe darkturquoise

Schriftfarbwert #db7093

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#00ced1#00ced1#00ced1#00ced1#db7093#db7093#db7093#db7093
#24d5d7#24d5d7#00b0b3#00b0b3#e084a2#e084a2#bb607e#bb607e
#48dcde#48dcde#009395#009395#e598b1#e598b1#9c5069#9c5069
#6de3e4#6de3e4#007577#007577#eaadc1#eaadc1#7d4054#7d4054
#91eaeb#91eaeb#005859#005859#efc1d0#efc1d0#5d303f#5d303f
#b6f1f1#b6f1f1#003a3b#003a3b#f4d6e0#f4d6e0#3e202a#3e202a
#daf8f8#daf8f8#001d1d#001d1d#f9eaef#f9eaef#1f1015#1f1015
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe darkturquoise und Farbwert #db7093

Füllen und Umranden von HTML-Befehl h6

Eine Überschrift der 6. Stufe setzen Sie mit Tag <h6>. Diese kann farblich gestaltet und hervorgehoben werden.

Für dieses Beispiel umranden wir <h6> mit einem 2 Punkte dicken, gepunkteten Rahmen in Farbwert #db7093 . Die Hintergrundfarbe für <h6> färben wir entsprechend mit Farbe darkturquoise. Mit HTML ist das nicht machbar. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  h6 { border:2pt dotted #db7093; background-color:darkturquoise; }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Einzelheiten vom hier verwendeten Befehl h6 sind in der HTML Referenz bei <h6> ausführlich gezeigt.

Wechsel der Unterstreichung bei Hover von HTML-Befehl h3

Mit HTML-Tag <h3> wird eine Überschrift der 3. Stufe gesetzt. Diese kann man hervorheben und farblich gestalten.

Die Farbe der Unterstreichung soll sich von Farbe darkturquoise auf Farbwert #db7093 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <h3> in Farbe darkturquoise vor.

Beispielsweise unterstreichen wir <h3> mit Hilfe eines einfallenden Rahmens mit 5 Pixel Dicke in Farbe darkturquoise.

<style type="text/css"><!--
  h3 { border-bottom:5px inset darkturquoise; }
//-->
</style>
Nun fordern wir, dass sich bei Mausberührung die Farbe der Unterstreichung zu #db7093 ändert.
<style type="text/css"><!--
  h3: hover { 
    border-bottom-color: #db7093;
  }
//-->
</style>

Die Idee ist hierbei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sieht man das bei Verweisen. Der Text ist in einer Farbe. Die Unterstreichung in einer anderen. Dies ist aber keine "normale" Unterstreichung, der Text ist gar nicht unterstrichen. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Mehr zu h3 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Einzelheiten vom HTML-Befehl h3 sind in der HTML Referenz unter <h3> ausführlich beschrieben.

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