Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkred 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 darkred			Schriftfarbwert #ff69b4
Detail	:	Hintergrund darkred	Detail	:	Schrift #ff69b4
Farbe	:	darkred	Farbwert	:	#ff69b4
Farbwert	:	#8b0000	Farbe	:	hotpink
HTML	:	darkred	HTML	:	#ff69b4
HTML (Wert)	:	#8b0000	HTML (Wert)	:	#ff69b4
CSS	:	darkred	CSS	:	#ff69b4
CSS (Wert)	:	#8b0000	CSS (Wert)	:	#ff69b4
CSS (kürzest)	:	#8b0000	CSS (kürzest)	:	#ff69b4
CSS (RGB)	:	rgb(139,0,0)	CSS (RGB)	:	rgb(255,105,180)
CSS (%RGB)	:	rgb(54%,0%,0%)	CSS (%RGB)	:	rgb(100%,41%,70%)

Verlauf Hintergrundfarbe darkred nach Schriftfarbwert #ff69b4
#8b0000	#9b0f19	#ac1e33	#bc2d4d	#cd3c66	#dd4b80	#ee5a9a	#ff69b4
#8b0000	#9b0f19	#ac1e33	#bc2d4d	#cd3c66	#dd4b80	#ee5a9a	#ff69b4

Kombination von darkred 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.				Auf Hintergrund darkred ist #ff69b4 ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #ff69b4 und darkred ergibt sich zu 82.00%. Die Lesbarkeit dieser Kombination bewerte ich mit 18.00%.

Hintergrundfarbe darkred				Schriftfarbwert #ff69b4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b0000	#8b0000	#8b0000	#8b0000	#ff69b4	#ff69b4	#ff69b4	#ff69b4
#9b2424	#9b2424	#770000	#770000	#ff7ebe	#ff7ebe	#da5a9a	#da5a9a
#ac4848	#ac4848	#630000	#630000	#ff93c9	#ff93c9	#b64b80	#b64b80
#bc6d6d	#bc6d6d	#4f0000	#4f0000	#ffa9d4	#ffa9d4	#913c66	#913c66
#cd9191	#cd9191	#3b0000	#3b0000	#ffbede	#ffbede	#6d2d4d	#6d2d4d
#ddb6b6	#ddb6b6	#270000	#270000	#ffd4e9	#ffd4e9	#481e33	#481e33
#eedada	#eedada	#130000	#130000	#ffe9f4	#ffe9f4	#240f19	#240f19
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkred und Farbwert #ff69b4

Wechsel der Textfarbe bei Hover von HTML-Tag dt

Die Textfarbe soll sich von Farbe darkred auf Farbwert #ff69b4 ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst die Formatierung von <dt> in Farbe darkred vor.

Zum Beispiel legen wir Farbe darkred als Textfarbe von <dt> fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf arial:

<style type="text/css"><!--
  dt { 
    font-family: arial; 
    color: darkred;
  }
//-->
</style>

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

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

Weiteres zum Thema können Sie in Listen und Glossare in HTML nachsehen. Einzelheiten vom hier verwendeten HTML-Tag dt lesen Sie in der HTML Referenz unter <dt>.

Wechsel der Hintergrundfarbe bei Hover von Tag option

Die Hintergrundfarbe soll sich von Farbe darkred auf Farbwert #ff69b4 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <option> in Farbe darkred vor.

Wir legen für dieses Beispiel die Hintergrundfarbe von <option> auf Farbe darkred fest. Die Textfarbe verändern wir nicht. Die Schriftart setzen wir auf verdana:

<style type="text/css"><!--
  option { 
    background-color: darkred; 
    font-family: verdana;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #ff69b4 ändert.

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

Weiteres zum Thema option können Sie in Formulare in HTML lesen. Der Tag option ist in der HTML Referenz unter <option> genau gezeigt.