Ressourcen: 137 HTML Farbnamen - Kombination von Farbe ivory und Farbwert #191970

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 ivory

Schriftfarbwert #191970

DetailHintergrund ivory DetailSchrift #191970 
Farbe :ivoryFarbwert :#191970
Farbwert :#fffff0Farbe :midnightblue
HTML:ivoryHTML:#191970
HTML (Wert):#fffff0HTML (Wert):#191970
CSS:ivoryCSS:#191970
CSS (Wert):#fffff0CSS (Wert):#191970
CSS (kürzest):#fffff0CSS (kürzest):#191970
CSS (RGB):rgb(255,255,240)CSS (RGB):rgb(25,25,112)
CSS (%RGB):rgb(100%,100%,94%)CSS (%RGB):rgb(9%,9%,43%)

Verlauf Hintergrundfarbe ivory nach Schriftfarbwert #191970

#fffff0#dededd#bdbdcb#9c9cb9#7b7ba6#5a5a94#393982#191970
#fffff0#dededd#bdbdcb#9c9cb9#7b7ba6#5a5a94#393982#191970

Kombination von ivory und #191970

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

#191970 eignet sich als Schriftfarbe auf Hintergrund ivory. Die Unterschiede in Helligkeit und Farbe sind geeignet.

Die Ähnlichkeit von #191970 und ivory ergibt sich zu 29.92%. Die Lesbarkeit dieser Kombination ergibt sich zu 70.08%.

Hintergrundfarbe ivory

Schriftfarbwert #191970

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#fffff0#fffff0#fffff0#fffff0#191970#191970#191970#191970
#fffff2#fffff2#dadacd#dadacd#393984#393984#151560#151560
#fffff4#fffff4#b6b6ab#b6b6ab#5a5a98#5a5a98#111150#111150
#fffff6#fffff6#919189#919189#7b7bad#7b7bad#0e0e40#0e0e40
#fffff8#fffff8#6d6d66#6d6d66#9c9cc1#9c9cc1#0a0a30#0a0a30
#fffffa#fffffa#484844#484844#bdbdd6#bdbdd6#070720#070720
#fffffc#fffffc#242422#242422#dedeea#dedeea#030310#030310
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe ivory und Farbwert #191970

Füllen und Umranden mit Tag a

Mit Tag <a> wird ein Verweis erzeugt. Diesen kann man farblich gestalten und hervorheben.

Bei diesem Beispiel umranden wir <a> mit einem . Den Hintergrund von <a> färben wir mit Farbe ivory. Dies geht mit HTML kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-width:4px; 
    background-color:ivory; 
    border-color:#191970; 
    border-style:groove;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Mehr zum Tag <a>.

Hintergrund/Text-Kombination mit Befehl p

Hier ändern wir die Textfarbe von <p> auf Farbwert #191970 und die Hintergrundfarbe von <p> auf Farbe ivory. Als Schriftart setzen wir sans-serif. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  p { 
    color:#191970; 
    background-color:ivory; 
    font-family:sans-serif; 
    font-size:13px;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des HTML-Tag p erfahren Sie in der HTML Referenz unter <p>.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen