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

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 olivedrab			Schriftfarbwert #faebd7
Detail	:	Hintergrund olivedrab	Detail	:	Schrift #faebd7
Farbe	:	olivedrab	Farbwert	:	#faebd7
Farbwert	:	#6b8e23	Farbe	:	antiquewhite
HTML	:	olivedrab	HTML	:	#faebd7
HTML (Wert)	:	#6b8e23	HTML (Wert)	:	#faebd7
CSS	:	olivedrab	CSS	:	#faebd7
CSS (Wert)	:	#6b8e23	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#6b8e23	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(107,142,35)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(41%,55%,13%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbe olivedrab nach Schriftfarbwert #faebd7
#6b8e23	#7f9b3c	#93a856	#a8b570	#bcc389	#d1d0a3	#e5ddbd	#faebd7
#6b8e23	#7f9b3c	#93a856	#a8b570	#bcc389	#d1d0a3	#e5ddbd	#faebd7

Kombination von olivedrab und #faebd7
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #faebd7 und olivedrab ergibt sich zu 84.53%. Die Lesbarkeit dieser Kombination liegt damit bei 15.47%. #faebd7 eignet sich nicht als Schriftfarbe auf Hintergrund olivedrab. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbe olivedrab				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6b8e23	#6b8e23	#6b8e23	#6b8e23	#faebd7	#faebd7	#faebd7	#faebd7
#809e42	#809e42	#5b791e	#5b791e	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#95ae61	#95ae61	#4c6519	#4c6519	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#aabe81	#aabe81	#3d5114	#3d5114	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#bfcea0	#bfcea0	#2d3c0f	#2d3c0f	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#d4dec0	#d4dec0	#1e280a	#1e280a	#fdf9f3	#fdf9f3	#47433d	#47433d
#e9eedf	#e9eedf	#0f1405	#0f1405	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe olivedrab und Farbwert #faebd7

Hintergrund/Text-Kombination von Tag p

Hier ändern wir die Textfarbe von <p> auf Farbwert #faebd7 und die Hintergrundfarbe von <p> auf Farbe olivedrab. Als Schriftart setzen wir courier new. Die Schriftgröße verringern wir auf 86%.

<style type="text/css"><!--
  p { 
    font-family: courier new; 
    background-color: olivedrab; 
    font-size: 86%; 
    color: #faebd7;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Der hier gezeigte HTML-Tag p ist in der HTML Referenz bei <p> gezeigt.

Wechsel der Textfarbe bei Hover von HTML-Befehl samp

Die Textfarbe soll sich von Farbe olivedrab auf Farbwert #faebd7 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <samp> in Farbe olivedrab vor.

In diesem Beispiel legen wir die Textfarbe von <samp> auf Farbe olivedrab fest:

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

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe zu #faebd7 ändert.

<style type="text/css"><!--
  samp:hover { 
    color:#faebd7;
  }
//-->
</style>

Weiteres zu samp können Sie in Text in HTML nachlesen. Zur Beschreibung vom Tag <samp>.