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

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			Schriftfarbwert #faebd7
Detail	:	Hintergrund #00008b	Detail	:	Schrift #faebd7
Farbwert	:	#00008b	Farbwert	:	#faebd7
Farbe	:	darkblue	Farbe	:	antiquewhite
HTML	:	#00008b	HTML	:	#faebd7
HTML (Wert)	:	#00008b	HTML (Wert)	:	#faebd7
CSS	:	#00008b	CSS	:	#faebd7
CSS (Wert)	:	#00008b	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbwert #00008b nach Schriftfarbwert #faebd7
#00008b	#232195	#4743a0	#6b64ab	#8e86b6	#b2a7c1	#d6c9cc	#faebd7
#00008b	#232195	#4743a0	#6b64ab	#8e86b6	#b2a7c1	#d6c9cc	#faebd7

Kombination von #00008b und #faebd7
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #faebd7 und #00008b ergibt sich zu 37.81%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 62.19%. #faebd7 eignet sich als Schriftfarbe auf Hintergrund #00008b. Der Helligkeitsunterschied ist in Ordnung, der Unterschied in den Farben auch.

Hintergrundfarbwert #00008b				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#faebd7	#faebd7	#faebd7	#faebd7
#24249b	#24249b	#000077	#000077	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#4848ac	#4848ac	#000063	#000063	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#6d6dbc	#6d6dbc	#00004f	#00004f	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#9191cd	#9191cd	#00003b	#00003b	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#b6b6dd	#b6b6dd	#000027	#000027	#fdf9f3	#fdf9f3	#47433d	#47433d
#dadaee	#dadaee	#000013	#000013	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00008b und Farbwert #faebd7

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag thead

Die Hintergrundfarbe soll sich von Farbwert #00008b auf Farbwert #faebd7 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <thead> in Farbwert #00008b vor.

Z.B. legen wir Farbwert #00008b als Hintergrundfarbe von <thead> fest. Zwar verändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf arial. Die Schriftgröße setzen wir auf 118%:

<style type="text/css"><!--
  thead { 
    font-size: 118%; 
    background-color: #00008b; 
    font-family: arial;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #faebd7 geändert wird.

<style type="text/css"><!--
  thead:hover { 
    background-color:#faebd7;
  }
//-->
</style>

Weiteres zu thead können Sie in Tabellen in HTML nachlesen. Mehr zum hier verwendeten HTML-Tag thead lesen Sie in der HTML Referenz unter <thead>.

Wechsel der Textfarbe bei Hover bei Befehl input

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

Zum Beispiel legen wir bei <input> die Textfarbe auf Farbwert #00008b fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf courier new. Die Schriftgröße verkleinern wir auf 84%:

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

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #faebd7 ändert.

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

Weiteres zum Thema input finden Sie in Formulare in HTML. Mehr zum HTML-Tag input ist in der HTML Referenz bei <input> ausführlich zusammengestellt.