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

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 #ff69b4
Detail	:	Hintergrund olivedrab	Detail	:	Schrift #ff69b4
Farbe	:	olivedrab	Farbwert	:	#ff69b4
Farbwert	:	#6b8e23	Farbe	:	hotpink
HTML	:	olivedrab	HTML	:	#ff69b4
HTML (Wert)	:	#6b8e23	HTML (Wert)	:	#ff69b4
CSS	:	olivedrab	CSS	:	#ff69b4
CSS (Wert)	:	#6b8e23	CSS (Wert)	:	#ff69b4
CSS (kürzest)	:	#6b8e23	CSS (kürzest)	:	#ff69b4
CSS (RGB)	:	rgb(107,142,35)	CSS (RGB)	:	rgb(255,105,180)
CSS (%RGB)	:	rgb(41%,55%,13%)	CSS (%RGB)	:	rgb(100%,41%,70%)

Verlauf Hintergrundfarbe olivedrab nach Schriftfarbwert #ff69b4
#6b8e23	#808837	#95834c	#aa7e61	#bf7875	#d4738a	#e96e9f	#ff69b4
#6b8e23	#808837	#95834c	#aa7e61	#bf7875	#d4738a	#e96e9f	#ff69b4

Kombination von olivedrab und #ff69b4
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ff69b4 eignet sich nicht als Schriftfarbe auf Hintergrund olivedrab. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit von #ff69b4 und olivedrab beträgt 93.16%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.84%.

Hintergrundfarbe olivedrab				Schriftfarbwert #ff69b4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6b8e23	#6b8e23	#6b8e23	#6b8e23	#ff69b4	#ff69b4	#ff69b4	#ff69b4
#809e42	#809e42	#5b791e	#5b791e	#ff7ebe	#ff7ebe	#da5a9a	#da5a9a
#95ae61	#95ae61	#4c6519	#4c6519	#ff93c9	#ff93c9	#b64b80	#b64b80
#aabe81	#aabe81	#3d5114	#3d5114	#ffa9d4	#ffa9d4	#913c66	#913c66
#bfcea0	#bfcea0	#2d3c0f	#2d3c0f	#ffbede	#ffbede	#6d2d4d	#6d2d4d
#d4dec0	#d4dec0	#1e280a	#1e280a	#ffd4e9	#ffd4e9	#481e33	#481e33
#e9eedf	#e9eedf	#0f1405	#0f1405	#ffe9f4	#ffe9f4	#240f19	#240f19
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe olivedrab und Farbwert #ff69b4

Wechsel der Hintergrundfarbe bei Hover bei Tag dd

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

Hier setzen wir bei <dd> die Hintergrundfarbe auf Farbe olivedrab:

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

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #ff69b4 gesetzt wird.

<style type="text/css"><!--
  dd: hover { 
    background-color: #ff69b4;
  }
//-->
</style>

Weiteres zum Thema dd können Sie in Listen und Glossare in HTML nachlesen. Beschreibung des HTML-Tag <dd>.