Ressourcen: 120 HTML Farbnamen - Kombination von Farbe dodgerblue 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 dodgerblue			Schriftfarbwert #faebd7
Detail	:	Hintergrund dodgerblue	Detail	:	Schrift #faebd7
Farbe	:	dodgerblue	Farbwert	:	#faebd7
Farbwert	:	#1e90ff	Farbe	:	antiquewhite
HTML	:	dodgerblue	HTML	:	#faebd7
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#faebd7
CSS	:	dodgerblue	CSS	:	#faebd7
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbe dodgerblue nach Schriftfarbwert #faebd7
#1e90ff	#3d9df9	#5caaf3	#7cb7ed	#9bc4e8	#bbd1e2	#dadedc	#faebd7
#1e90ff	#3d9df9	#5caaf3	#7cb7ed	#9bc4e8	#bbd1e2	#dadedc	#faebd7

Kombination von dodgerblue und #faebd7
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				#faebd7 eignet sich nicht als Schriftfarbe auf Hintergrund dodgerblue. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit der Farben #faebd7 und dodgerblue beträgt 86.84%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 13.16%.

Hintergrundfarbe dodgerblue				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#faebd7	#faebd7	#faebd7	#faebd7
#3e9fff	#3e9fff	#197bda	#197bda	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#5eafff	#5eafff	#1566b6	#1566b6	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#7ebfff	#7ebfff	#115291	#115291	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#bedfff	#bedfff	#082948	#082948	#fdf9f3	#fdf9f3	#47433d	#47433d
#deefff	#deefff	#041424	#041424	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe dodgerblue und Farbwert #faebd7

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag li

Die Hintergrundfarbe soll sich von Farbe dodgerblue auf Farbwert #faebd7 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <li> in Farbe dodgerblue vor.

Hier legen wir bei <li> die Hintergrundfarbe auf Farbe dodgerblue fest:

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

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

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

Weiteres zum Thema finden Sie in Listen und Glossare in HTML. Der HTML-Befehl li ist in der HTML Referenz bei <li> ausführlich beschrieben.