Ressourcen: 120 HTML Farbnamen - Kombination von Farbe dimgray und Farbe mediumturquoise

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 dimgray

Schriftfarbe mediumturquoise

DetailHintergrund dimgray DetailSchrift mediumturquoise 
Farbe :dimgrayFarbe :mediumturquoise
Farbwert :#696969Farbwert :#48d1cc
HTML:dimgrayHTML:mediumturquoise
HTML (Wert):#696969HTML (Wert):#48d1cc
CSS:dimgrayCSS:mediumturquoise
CSS (Wert):#696969CSS (Wert):#48d1cc
CSS (kürzest):#696969CSS (kürzest):#48d1cc
CSS (RGB):rgb(105,105,105)CSS (RGB):rgb(72,209,204)
CSS (%RGB):rgb(41%,41%,41%)CSS (%RGB):rgb(28%,81%,80%)

Verlauf Hintergrundfarbe dimgray nach Schriftfarbe mediumturquoise

#696969#647777#5f8685#5a9593#56a4a1#51b3af#4cc2bd#48d1cc
#696969#647777#5f8685#5a9593#56a4a1#51b3af#4cc2bd#48d1cc

Kombination von dimgray und mediumturquoise

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

Auf Hintergrund dimgray ist mediumturquoise ungeeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind.

Die Ähnlichkeit der Farben mediumturquoise und dimgray beträgt 85.97%. Die Lesbarkeit dieser Kombination ergibt sich zu 14.03%.

Hintergrundfarbe dimgray

Schriftfarbe mediumturquoise

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#696969#696969#696969#696969#48d1cc#48d1cc#48d1cc#48d1cc
#7e7e7e#7e7e7e#5a5a5a#5a5a5a#62d7d3#62d7d3#3db3ae#3db3ae
#939393#939393#4b4b4b#4b4b4b#7cdeda#7cdeda#339591#339591
#a9a9a9#a9a9a9#3c3c3c#3c3c3c#96e4e1#96e4e1#297774#297774
#bebebe#bebebe#2d2d2d#2d2d2d#b0ebe9#b0ebe9#1e5957#1e5957
#d4d4d4#d4d4d4#1e1e1e#1e1e1e#caf1f0#caf1f0#143b3a#143b3a
#e9e9e9#e9e9e9#0f0f0f#0f0f0f#e4f8f7#e4f8f7#0a1d1d#0a1d1d
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbe dimgray und Farbe mediumturquoise

Wechsel der Umrandung bei Hover mit HTML-Befehl s

Die Rahmenfarbe soll sich von Farbe dimgray auf Farbe mediumturquoise ändern, wenn man mit der Maus auf <s> zeigt. Bereiten wir zunächst die Formatierung von <s> in Farbe dimgray vor.

In diesem Beispiel umranden wir <s> mit einem 2 Pixel dicken, doppelten Rahmen in Farbe dimgray.

<style type="text/css"><!--
  s { 
    border-width:2px; 
    border-style:double; 
    border-color:dimgray;
  }
//-->
</style>
Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf mediumturquoise geändert wird.
<style type="text/css"><!--
  s: hover { 
    border-color: mediumturquoise;
  }
//-->
</style>

Mehr zum Thema können Sie in Text in HTML nachsehen. Mehr zum hier gezeigten Tag <s>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen