Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00008b und Farbe navajowhite

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 #00008b			Schriftfarbe navajowhite
Detail	:	Hintergrund #00008b	Detail	:	Schrift navajowhite
Farbwert	:	#00008b	Farbe	:	navajowhite
Farbe	:	darkblue	Farbwert	:	#ffdead
HTML	:	#00008b	HTML	:	navajowhite
HTML (Wert)	:	#00008b	HTML (Wert)	:	#ffdead
CSS	:	#00008b	CSS	:	navajowhite
CSS (Wert)	:	#00008b	CSS (Wert)	:	#ffdead
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#ffdead
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(255,222,173)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(100%,87%,67%)

Verlauf Hintergrundfarbwert #00008b nach Schriftfarbe navajowhite
#00008b	#241f8f	#483f94	#6d5f99	#917e9e	#b69ea3	#dabea8	#ffdead
#00008b	#241f8f	#483f94	#6d5f99	#917e9e	#b69ea3	#dabea8	#ffdead

Kombination von #00008b und navajowhite
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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.				navajowhite eignet sich als Schriftfarbe auf Hintergrund #00008b. Sowohl der Unterschied in den Helligkeiten als auch der Farbenunterschied sind ok. Die Ähnlichkeit von navajowhite und #00008b beträgt 43.45%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 56.55%.

Hintergrundfarbwert #00008b				Schriftfarbe navajowhite
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#ffdead	#ffdead	#ffdead	#ffdead
#24249b	#24249b	#000077	#000077	#ffe2b8	#ffe2b8	#dabe94	#dabe94
#4848ac	#4848ac	#000063	#000063	#ffe7c4	#ffe7c4	#b69e7b	#b69e7b
#6d6dbc	#6d6dbc	#00004f	#00004f	#ffecd0	#ffecd0	#917e62	#917e62
#9191cd	#9191cd	#00003b	#00003b	#fff0db	#fff0db	#6d5f4a	#6d5f4a
#b6b6dd	#b6b6dd	#000027	#000027	#fff5e7	#fff5e7	#483f31	#483f31
#dadaee	#dadaee	#000013	#000013	#fffaf3	#fffaf3	#241f18	#241f18
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00008b und Farbe navajowhite

Wechsel der Textfarbe bei Hover von Befehl fieldset

Die Textfarbe soll sich von Farbwert #00008b auf Farbe navajowhite ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <fieldset> in Farbwert #00008b vor.

Hier legen wir die Textfarbe von <fieldset> auf Farbwert #00008b fest. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf courier new. Die Schriftgröße setzen wir auf 97%:

<style type="text/css"><!--
  fieldset { 
    font-size: 97%; 
    color: #00008b; 
    font-family: courier new;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe auf navajowhite ändert.

<style type="text/css"><!--
  fieldset: hover { 
    color: navajowhite;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Formulare in HTML. Mehr zum Tag fieldset ist in der HTML Referenz bei <fieldset> ausführlich gezeigt.

Hintergrund/Text-Kombination bei Befehl li

Wir ändern für dieses Beispiel die Textfarbe von <li> auf Farbe navajowhite und die Hintergrundfarbe von <li> auf Farbwert #00008b. Die Schriftart ändern wir auf courier new und vergrößern die Schriftgröße auf 116%.

<style type="text/css"><!--
  li { 
    font-size: 116%; 
    background-color: #00008b; 
    color: navajowhite; 
    font-family: courier new;
  }
//-->
</style>

Weiteres zum Thema li können Sie in Listen und Glossare in HTML lesen. Die Beschreibung des HTML-Tag li erfahren Sie in der HTML Referenz unter <li>.