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

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.

Hintergrundfarbe lavenderblush			Schriftfarbwert #191970
Detail	:	Hintergrund lavenderblush	Detail	:	Schrift #191970
Farbe	:	lavenderblush	Farbwert	:	#191970
Farbwert	:	#fff0f5	Farbe	:	midnightblue
HTML	:	lavenderblush	HTML	:	#191970
HTML (Wert)	:	#fff0f5	HTML (Wert)	:	#191970
CSS	:	lavenderblush	CSS	:	#191970
CSS (Wert)	:	#fff0f5	CSS (Wert)	:	#191970
CSS (kürzest)	:	#fff0f5	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(255,240,245)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(100%,94%,96%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbe lavenderblush nach Schriftfarbwert #191970
#fff0f5	#ded1e2	#bdb2cf	#9c93bc	#7b75a9	#5a5696	#393783	#191970
#fff0f5	#ded1e2	#bdb2cf	#9c93bc	#7b75a9	#5a5696	#393783	#191970

Kombination von lavenderblush und #191970
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.				Die Ähnlichkeit von #191970 und lavenderblush beträgt 35.91%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 64.09%. #191970 eignet sich als Schriftfarbe auf Hintergrund lavenderblush. Helligkeitsunterschied und Unterschied in den Farben sind ok.

Hintergrundfarbe lavenderblush				Schriftfarbwert #191970
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff0f5	#fff0f5	#fff0f5	#fff0f5	#191970	#191970	#191970	#191970
#fff2f6	#fff2f6	#dacdd2	#dacdd2	#393984	#393984	#151560	#151560
#fff4f7	#fff4f7	#b6abaf	#b6abaf	#5a5a98	#5a5a98	#111150	#111150
#fff6f9	#fff6f9	#91898c	#91898c	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#fff8fa	#fff8fa	#6d6669	#6d6669	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#fffafc	#fffafc	#484446	#484446	#bdbdd6	#bdbdd6	#070720	#070720
#fffcfd	#fffcfd	#242223	#242223	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lavenderblush und Farbwert #191970

Hintergrund/Text-Kombination bei Tag li

Hier ändern wir die Textfarbe von <li> auf Farbwert #191970 und die Hintergrundfarbe von <li> auf Farbe lavenderblush. Als Schriftart setzen wir verdana. Als Schriftgröße entscheiden wir uns für 12px.

<style type="text/css"><!--
  li { 
    background-color: lavenderblush; 
    font-size: 12px; 
    color: #191970; 
    font-family: verdana;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Listen und Glossare in HTML. Möglichkeiten vom hier genutzten HTML-Tag li erfahren Sie in der HTML Referenz unter <li>.

Wechsel der Textfarbe bei Hover bei HTML-Tag col

Die Textfarbe soll sich von Farbe lavenderblush auf Farbwert #191970 ändern, wenn man mit der Maus auf <col> zeigt. Bereiten wir zunächst eine Formatierung von <col> in Farbe lavenderblush vor.

Wir setzen zum Beispiel die Textfarbe von <col> auf Farbe lavenderblush. Die Größe der Schrift ändern wir auf 13px:

<style type="text/css"><!--
  col { 
    font-size:13px; 
    color:lavenderblush;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #191970 gesetzt wird.

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

Weiteres zu col können Sie in Tabellen in HTML nachlesen. Beschreibung des hier genutzten HTML-Befehl <col>.