Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #191970 und Farbwert #ffefd5

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.

Hintergrundfarbwert #191970			Schriftfarbwert #ffefd5
Detail	:	Hintergrund #191970	Detail	:	Schrift #ffefd5
Farbwert	:	#191970	Farbwert	:	#ffefd5
Farbe	:	midnightblue	Farbe	:	papayawhip
HTML	:	#191970	HTML	:	#ffefd5
HTML (Wert)	:	#191970	HTML (Wert)	:	#ffefd5
CSS	:	#191970	CSS	:	#ffefd5
CSS (Wert)	:	#191970	CSS (Wert)	:	#ffefd5
CSS (kürzest)	:	#191970	CSS (kürzest)	:	#ffefd5
CSS (RGB)	:	rgb(25,25,112)	CSS (RGB)	:	rgb(255,239,213)
CSS (%RGB)	:	rgb(9%,9%,43%)	CSS (%RGB)	:	rgb(100%,93%,83%)

Verlauf Hintergrundfarbwert #191970 nach Schriftfarbwert #ffefd5
#191970	#39377e	#5a568c	#7b749b	#9c93a9	#bdb1b8	#ded0c6	#ffefd5
#191970	#39377e	#5a568c	#7b749b	#9c93a9	#bdb1b8	#ded0c6	#ffefd5

Kombination von #191970 und #ffefd5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #ffefd5 und #191970 beträgt 37.51%. Die Lesbarkeit dieser Kombination bewerte ich mit 62.49%. #ffefd5 eignet sich als Schriftfarbe auf Hintergrund #191970. Helligkeitsunterschied und Unterschied in den Farben sind geeignet.

Hintergrundfarbwert #191970				Schriftfarbwert #ffefd5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#191970	#191970	#191970	#191970	#ffefd5	#ffefd5	#ffefd5	#ffefd5
#393984	#393984	#151560	#151560	#fff1db	#fff1db	#daccb6	#daccb6
#5a5a98	#5a5a98	#111150	#111150	#fff3e1	#fff3e1	#b6aa98	#b6aa98
#7b7bad	#7b7bad	#0e0e40	#0e0e40	#fff5e7	#fff5e7	#918879	#918879
#9c9cc1	#9c9cc1	#0a0a30	#0a0a30	#fff8ed	#fff8ed	#6d665b	#6d665b
#bdbdd6	#bdbdd6	#070720	#070720	#fffaf3	#fffaf3	#48443c	#48443c
#dedeea	#dedeea	#030310	#030310	#fffcf9	#fffcf9	#24221e	#24221e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #191970 und Farbwert #ffefd5

Hintergrund/Text-Kombination von Tag code

Hier ändern wir die Textfarbe von <code> auf Farbwert #ffefd5 und die Hintergrundfarbe von <code> auf Farbwert #191970. Als Schriftart setzen wir verdana und als Schriftgröße entscheiden wir uns für 13pt.

<style type="text/css"><!--
  code { 
    font-size:13pt; 
    font-family:verdana; 
    color:#ffefd5; 
    background-color:#191970;
  }
//-->
</style>

Weiteres zum Thema code lesen Sie in Text in HTML. Beschreibung vom hier genutzten HTML-Tag <code>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl del

Die Textfarbe soll sich von Farbwert #191970 auf Farbwert #ffefd5 ändern, wenn man mit der Maus auf <del> zeigt. Wir bereiten zunächst die Darstellung von <del> in Farbwert #191970 vor.

In diesem Beispiel legen wir Farbwert #191970 als Textfarbe von <del> fest. Die Hintergrundfarbe verändern wir nicht, ändern jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  del { 
    font-family:monospace; 
    color:#191970;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #ffefd5 geändert wird.

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

Möglichkeiten vom hier gezeigten HTML-Befehl del erfahren Sie in der HTML Referenz unter <del>.