Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #191970 und Farbwert #faf0e6

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #191970			Schriftfarbwert #faf0e6
Detail	:	Hintergrund #191970	Detail	:	Schrift #faf0e6
Farbwert	:	#191970	Farbwert	:	#faf0e6
Farbe	:	midnightblue	Farbe	:	linen
HTML	:	#191970	HTML	:	#faf0e6
HTML (Wert)	:	#191970	HTML (Wert)	:	#faf0e6
CSS	:	#191970	CSS	:	#faf0e6
CSS (Wert)	:	#191970	CSS (Wert)	:	#faf0e6
CSS (kürzest)	:	#191970	CSS (kürzest)	:	#faf0e6
CSS (RGB)	:	rgb(25,25,112)	CSS (RGB)	:	rgb(250,240,230)
CSS (%RGB)	:	rgb(9%,9%,43%)	CSS (%RGB)	:	rgb(98%,94%,90%)

Verlauf Hintergrundfarbwert #191970 nach Schriftfarbwert #faf0e6
#191970	#393780	#595691	#7975a2	#9993b3	#b9b2c4	#d9d1d5	#faf0e6
#191970	#393780	#595691	#7975a2	#9993b3	#b9b2c4	#d9d1d5	#faf0e6

Kombination von #191970 und #faf0e6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit der Farben #faf0e6 und #191970 ergibt sich zu 37.14%. Die Lesbarkeit dieser Farbkombination liegt damit bei 62.86%. #faf0e6 eignet sich als Schriftfarbe auf Hintergrund #191970, da Helligkeitsunterschied und Unterschied in den Farben gut sind.

Hintergrundfarbwert #191970				Schriftfarbwert #faf0e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#191970	#191970	#191970	#191970	#faf0e6	#faf0e6	#faf0e6	#faf0e6
#393984	#393984	#151560	#151560	#faf2e9	#faf2e9	#d6cdc5	#d6cdc5
#5a5a98	#5a5a98	#111150	#111150	#fbf4ed	#fbf4ed	#b2aba4	#b2aba4
#7b7bad	#7b7bad	#0e0e40	#0e0e40	#fcf6f0	#fcf6f0	#8e8983	#8e8983
#9c9cc1	#9c9cc1	#0a0a30	#0a0a30	#fcf8f4	#fcf8f4	#6b6662	#6b6662
#bdbdd6	#bdbdd6	#070720	#070720	#fdfaf7	#fdfaf7	#474441	#474441
#dedeea	#dedeea	#030310	#030310	#fefcfb	#fefcfb	#232220	#232220
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #191970 und Farbwert #faf0e6

Wechsel der Umrandung bei Hover mit Tag blockquote

Die Rahmenfarbe soll sich von Farbwert #191970 auf Farbwert #faf0e6 ändern, wenn man mit der Maus auf <blockquote> zeigt. Bereiten wir zunächst die Darstellung von <blockquote> in Farbwert #191970 vor.

In diesem Beispiel umranden wir <blockquote> mit einem 3 Pixel dicken, herausstehenden Rahmen in Farbwert #191970.

<style type="text/css"><!--
  blockquote { 
    border-width:3px; 
    border-color:#191970; 
    border-style:outset;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #faf0e6 geändert wird.

<style type="text/css"><!--
  blockquote:hover { 
    border-color:#faf0e6;
  }
//-->
</style>

Mehr zum Thema blockquote können Sie in Blockorientierte Elemente in HTML nachsehen. Möglichkeiten des Tag <blockquote>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag li

Die Hintergrundfarbe soll sich von Farbwert #191970 auf Farbwert #faf0e6 ändern, wenn man mit der Maus auf <li> zeigt. Wir bereiten zunächst eine Formatierung von <li> in Farbwert #191970 vor.

Wir legen als Beispiel die Hintergrundfarbe von <li> auf Farbwert #191970 fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf arial und setzen die Schriftgröße auf 95S%.

<style type="text/css"><!--
  li { 
    font-size: 95S%; 
    font-family: arial; 
    background-color: #191970;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe zu #faf0e6 ändert.

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

Mehr zu li finden Sie in Listen und Glossare in HTML. Mehr zum hier genutzten Tag <li>.