Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #000000 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.

Hintergrundfarbwert #000000			Schriftfarbwert #191970
Detail	:	Hintergrund #000000	Detail	:	Schrift #191970
Farbwert	:	#000000	Farbwert	:	#191970
Farbe	:	black	Farbe	:	midnightblue
HTML	:	#000000	HTML	:	#191970
HTML (Wert)	:	#000000	HTML (Wert)	:	#191970
CSS	:	#000000	CSS	:	#191970
CSS (Wert)	:	#000000	CSS (Wert)	:	#191970
CSS (kürzest)	:	#000	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(0,0,0)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(0%,0%,0%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbwert #000000 nach Schriftfarbwert #191970
#000000	#030310	#070720	#0a0a30	#0e0e40	#111150	#151560	#191970
#000000	#030310	#070720	#0a0a30	#0e0e40	#111150	#151560	#191970

Kombination von #000000 und #191970
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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #191970 und #000000 ergibt sich zu 93.26%. Die Lesbarkeit dieser Kombination liegt damit bei 6.74%. #191970 eignet sich nicht als Schriftfarbe auf Hintergrund #000000. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbwert #000000				Schriftfarbwert #191970
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000000	#000000	#000000	#000000	#191970	#191970	#191970	#191970
#242424	#242424	#000000	#000000	#393984	#393984	#151560	#151560
#484848	#484848	#000000	#000000	#5a5a98	#5a5a98	#111150	#111150
#6d6d6d	#6d6d6d	#000000	#000000	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#919191	#919191	#000000	#000000	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#b6b6b6	#b6b6b6	#000000	#000000	#bdbdd6	#bdbdd6	#070720	#070720
#dadada	#dadada	#000000	#000000	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #000000 und Farbwert #191970

Text- und Unterstreichungsfarben mit HTML-Tag del

Hier ändern wir die Textfarbe von <del> auf Farbwert #191970 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf verdana und setzen die Schriftgröße auf 87%. Wir unterstreichen den Inhalt von <del> mit Hilfe eines gefurchten Rahmens mit 5 Punkte Dicke in Farbwert #000000. Das geht in HTML kaum. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  del { 
    border-bottom-style: groove; 
    border-bottom-color: #000000; 
    border-bottom-width: 5pt; 
    font-family: verdana; 
    color: #191970; 
    font-size: 87%;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum hier genutzten HTML-Tag del lesen Sie in der HTML Referenz unter <del>.

Wechsel der Textfarbe bei Hover bei Tag col

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

Zum Beispiel legen wir Farbwert #000000 als Textfarbe von <col> fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf verdana. Die Schriftgröße ändern wir auf 13pt.

<style type="text/css"><!--
  col { 
    font-size:13pt; 
    font-family:verdana; 
    color:#000;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #191970 geändert wird.

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

Mehr zu col finden Sie in Tabellen in HTML. Der Tag col ist in der HTML Referenz bei <col> ausführlich gezeigt.