Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #000000 und Farbwert #000080

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 #000080
Detail	:	Hintergrund #000000	Detail	:	Schrift #000080
Farbwert	:	#000000	Farbwert	:	#000080
Farbe	:	black	Farbe	:	navy
HTML	:	#000000	HTML	:	#000080
HTML (Wert)	:	#000000	HTML (Wert)	:	#000080
CSS	:	#000000	CSS	:	#000080
CSS (Wert)	:	#000000	CSS (Wert)	:	#000080
CSS (kürzest)	:	#000	CSS (kürzest)	:	#000080
CSS (RGB)	:	rgb(0,0,0)	CSS (RGB)	:	rgb(0,0,128)
CSS (%RGB)	:	rgb(0%,0%,0%)	CSS (%RGB)	:	rgb(0%,0%,50%)

Verlauf Hintergrundfarbwert #000000 nach Schriftfarbwert #000080
#000000	#000012	#000024	#000036	#000049	#00005b	#00006d	#000080
#000000	#000012	#000024	#000036	#000049	#00005b	#00006d	#000080

Kombination von #000000 und #000080
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#000080 ist nicht als Schriftfarbe auf Hintergrund #000000 geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit von #000080 und #000000 ergibt sich zu 93.75%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.25%.

Hintergrundfarbwert #000000				Schriftfarbwert #000080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000000	#000000	#000000	#000000	#000080	#000080	#000080	#000080
#242424	#242424	#000000	#000000	#242492	#242492	#00006d	#00006d
#484848	#484848	#000000	#000000	#4848a4	#4848a4	#00005b	#00005b
#6d6d6d	#6d6d6d	#000000	#000000	#6d6db6	#6d6db6	#000049	#000049
#919191	#919191	#000000	#000000	#9191c8	#9191c8	#000036	#000036
#b6b6b6	#b6b6b6	#000000	#000000	#b6b6da	#b6b6da	#000024	#000024
#dadada	#dadada	#000000	#000000	#dadaec	#dadaec	#000012	#000012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #000000 und Farbwert #000080

Wechsel der Textfarbe bei Hover von HTML-Tag strong

Die Textfarbe soll sich von Farbwert #000000 auf Farbwert #000080 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <strong> in Farbwert #000000 vor.

Wir setzen in diesem Beispiel die Textfarbe von <strong> auf Farbwert #000000. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf courier new und ändern die Größe der Schrift auf 9pt.

<style type="text/css"><!--
  strong { 
    color: #000000; 
    font-family: courier new; 
    font-size: 9pt;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf #000080 gesetzt wird.

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

Weiteres zu strong lesen Sie in Text in HTML. Beschreibung vom HTML-Befehl <strong>.

Hintergrund/Text-Kombination bei Tag p

Hier ändern wir die Textfarbe von <p> auf Farbwert #000080 und die Hintergrundfarbe von <p> auf Farbwert #000000. Die Schriftart setzen wir auf sans-serif und verkleinern die Schriftgröße auf 85%.

<style type="text/css"><!--
  p { 
    color: #000080; 
    background-color: #000; 
    font-size: 85%; 
    font-family: sans-serif;
  }
//-->
</style>

Weiteres zum Thema p finden Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung vom hier genutzten HTML-Befehl <p>.