Ressourcen: 120 HTML Farbnamen - Kombination von Farbe cornflowerblue und Farbwert #696969

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 cornflowerblue

Schriftfarbwert #696969

DetailHintergrund cornflowerblue DetailSchrift #696969 
Farbe :cornflowerblueFarbwert :#696969
Farbwert :#6495edFarbe :dimgray
HTML:cornflowerblueHTML:#696969
HTML (Wert):#6495edHTML (Wert):#696969
CSS:cornflowerblueCSS:#696969
CSS (Wert):#6495edCSS (Wert):#696969
CSS (kürzest):#6495edCSS (kürzest):#696969
CSS (RGB):rgb(100,149,237)CSS (RGB):rgb(105,105,105)
CSS (%RGB):rgb(39%,58%,92%)CSS (%RGB):rgb(41%,41%,41%)

Verlauf Hintergrundfarbe cornflowerblue nach Schriftfarbwert #696969

#6495ed#648eda#6588c7#6682b4#667ba1#67758e#686f7b#696969
#6495ed#648eda#6588c7#6682b4#667ba1#67758e#686f7b#696969

Kombination von cornflowerblue und #696969

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

#696969 eignet sich nicht als Schriftfarbe auf Hintergrund cornflowerblue. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Die Ähnlichkeit von #696969 und cornflowerblue beträgt 91.21%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 8.79%.

Hintergrundfarbe cornflowerblue

Schriftfarbwert #696969

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#6495ed#6495ed#6495ed#6495ed#696969#696969#696969#696969
#7aa4ef#7aa4ef#557fcb#557fcb#7e7e7e#7e7e7e#5a5a5a#5a5a5a
#90b3f2#90b3f2#476aa9#476aa9#939393#939393#4b4b4b#4b4b4b
#a6c2f4#a6c2f4#395587#395587#a9a9a9#a9a9a9#3c3c3c#3c3c3c
#bcd1f7#bcd1f7#2a3f65#2a3f65#bebebe#bebebe#2d2d2d#2d2d2d
#d2e0f9#d2e0f9#1c2a43#1c2a43#d4d4d4#d4d4d4#1e1e1e#1e1e1e
#e8effc#e8effc#0e1521#0e1521#e9e9e9#e9e9e9#0f0f0f#0f0f0f
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe cornflowerblue und Farbwert #696969

Füllen und Umranden bei Befehl select

Für dieses Beispiel umranden wir <select> mit einem . Die Hintergrundfarbe für <select> setzen wir auf Farbe cornflowerblue. Das geht in HTML nicht. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  select { 
    border-width:5pt; 
    border-color:#696969; 
    background-color:cornflowerblue; 
    border-style:ridge;
  }
//-->
</style>

Mehr zum Thema select erfahren Sie in Formulare in HTML. Zur Beschreibung des hier verwendeten HTML-Befehl <select>.

Wechsel der Unterstreichung bei Hover mit Tag address

Die Unterstreichungsfarbe soll sich von Farbe cornflowerblue auf Farbwert #696969 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <address> in Farbe cornflowerblue vor.

Hier unterstreichen wir <address> mit einem gestrichelten Rahmen mit 2 Pixel Dicke in Farbe cornflowerblue.

<style type="text/css"><!--
  address { 
    border-bottom-style: dashed; 
    border-bottom-color: cornflowerblue; 
    border-bottom-width: 2px;
  }
//-->
</style>
Jetzt stellen wir ein, dass sich bei Mausberührung die Farbe der Unterstreichung auf #696969 ändert.
<style type="text/css"><!--
  address: hover { 
    border-bottom-color: #696969;
  }
//-->
</style>

Die Idee ist dabei, unabhängige Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sieht man dies bei Verweisen. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Es ist aber keine "wirkliche" Unterstreichung, der Text ist überhaupt nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Mehr zu address erfahren Sie in Blockorientierte Elemente in HTML. Möglichkeiten vom hier verwendeten HTML-Tag <address>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen