Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #d2691e und Farbe olivedrab

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.

Hintergrundfarbwert #d2691e			Schriftfarbe olivedrab
Detail	:	Hintergrund #d2691e	Detail	:	Schrift olivedrab
Farbwert	:	#d2691e	Farbe	:	olivedrab
Farbe	:	chocolate	Farbwert	:	#6b8e23
HTML	:	#d2691e	HTML	:	olivedrab
HTML (Wert)	:	#d2691e	HTML (Wert)	:	#6b8e23
CSS	:	#d2691e	CSS	:	olivedrab
CSS (Wert)	:	#d2691e	CSS (Wert)	:	#6b8e23
CSS (kürzest)	:	#d2691e	CSS (kürzest)	:	#6b8e23
CSS (RGB)	:	rgb(210,105,30)	CSS (RGB)	:	rgb(107,142,35)
CSS (%RGB)	:	rgb(82%,41%,11%)	CSS (%RGB)	:	rgb(41%,55%,13%)

Verlauf Hintergrundfarbwert #d2691e nach Schriftfarbe olivedrab
#d2691e	#c36e1e	#b4731f	#a57820	#977e20	#888321	#798822	#6b8e23
#d2691e	#c36e1e	#b4731f	#a57820	#977e20	#888321	#798822	#6b8e23

Kombination von #d2691e und olivedrab
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von olivedrab und #d2691e beträgt 95.01%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 4.99%. olivedrab eignet sich nicht als Schriftfarbe auf Hintergrund #d2691e, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbwert #d2691e				Schriftfarbe olivedrab
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d2691e	#d2691e	#d2691e	#d2691e	#6b8e23	#6b8e23	#6b8e23	#6b8e23
#d87e3e	#d87e3e	#b45a19	#b45a19	#809e42	#809e42	#5b791e	#5b791e
#de935e	#de935e	#964b15	#964b15	#95ae61	#95ae61	#4c6519	#4c6519
#e5a97e	#e5a97e	#783c11	#783c11	#aabe81	#aabe81	#3d5114	#3d5114
#ebbe9e	#ebbe9e	#5a2d0c	#5a2d0c	#bfcea0	#bfcea0	#2d3c0f	#2d3c0f
#f2d4be	#f2d4be	#3c1e08	#3c1e08	#d4dec0	#d4dec0	#1e280a	#1e280a
#f8e9de	#f8e9de	#1e0f04	#1e0f04	#e9eedf	#e9eedf	#0f1405	#0f1405
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d2691e und Farbe olivedrab

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl kbd

Die Hintergrundfarbe soll sich von Farbwert #d2691e auf Farbe olivedrab ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <kbd> in Farbwert #d2691e vor.

Zum Beispiel legen wir Farbwert #d2691e als Hintergrundfarbe von <kbd> fest und verringern die Größe der Schrift auf 83%:

<style type="text/css"><!--
  kbd { 
    font-size:83%; 
    background-color:#d2691e;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu olivedrab ändert.

<style type="text/css"><!--
  kbd:hover { 
    background-color:olivedrab;
  }
//-->
</style>

Mehr zum Thema finden Sie in Text in HTML. Mehr zum HTML-Befehl kbd lesen Sie in der HTML Referenz unter <kbd>.

Hintergrund/Text-Kombination von Befehl blockquote

Hier ändern wir die Textfarbe von <blockquote> auf Farbe olivedrab und die Hintergrundfarbe von <blockquote> auf Farbwert #d2691e. Die Schriftart ändern wir auf sans-serif und als Schriftgröße entscheiden wir uns für 11px.

<style type="text/css"><!--
  blockquote { 
    color: olivedrab; 
    font-family: sans-serif; 
    background-color: #d2691e; 
    font-size: 11px;
  }
//-->
</style>

Mehr zum Thema blockquote finden Sie in Blockorientierte Elemente in HTML. Weiteres zum Tag <blockquote>.