Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f8f8ff und Farbe firebrick

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 #f8f8ff			Schriftfarbe firebrick
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift firebrick
Farbwert	:	#f8f8ff	Farbe	:	firebrick
Farbe	:	ghostwhite	Farbwert	:	#b22222
HTML	:	#f8f8ff	HTML	:	firebrick
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#b22222
CSS	:	#f8f8ff	CSS	:	firebrick
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#b22222
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#b22222
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(178,34,34)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(69%,13%,13%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbe firebrick
#f8f8ff	#eed9df	#e4babf	#da9ca0	#d07d80	#c65f61	#bc4041	#b22222
#f8f8ff	#eed9df	#e4babf	#da9ca0	#d07d80	#c65f61	#bc4041	#b22222

Kombination von #f8f8ff und firebrick
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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 firebrick und #f8f8ff ergibt sich zu 69.93%. Die Lesbarkeit dieser Farbkombination liegt damit bei 30.07%. firebrick eignet sich als Schriftfarbe auf Hintergrund #f8f8ff, weil Unterschied in den Helligkeiten und Farbenunterschied geeignet sind.

Hintergrundfarbwert #f8f8ff				Schriftfarbe firebrick
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#b22222	#b22222	#b22222	#b22222
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#bd4141	#bd4141	#981d1d	#981d1d
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#c86161	#c86161	#7f1818	#7f1818
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#d38080	#d38080	#651313	#651313
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#dea0a0	#dea0a0	#4c0e0e	#4c0e0e
#fdfdff	#fdfdff	#464648	#464648	#e9bfbf	#e9bfbf	#320909	#320909
#fefeff	#fefeff	#232324	#232324	#f4dfdf	#f4dfdf	#190404	#190404
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f8f8ff und Farbe firebrick

Hintergrund/Text-Kombination bei Befehl p

Wir ändern für dieses Beispiel die Textfarbe von <p> auf Farbe firebrick und die Hintergrundfarbe von <p> auf Farbwert #f8f8ff. Die Schriftart ändern wir auf arial. Als Schriftgröße entscheiden wir uns für 91%.

<style type="text/css"><!--
  p { 
    background-color:#f8f8ff; 
    color:firebrick; 
    font-size:91%; 
    font-family:arial;
  }
//-->
</style>

Mehr zu p erfahren Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung des HTML-Befehl <p>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl tbody

Die Hintergrundfarbe soll sich von Farbwert #f8f8ff auf Farbe firebrick ändern, wenn man mit der Maus auf <tbody> zeigt. Bereiten wir zunächst die Formatierung von <tbody> in Farbwert #f8f8ff vor.

Wir setzen als Beispiel die Hintergrundfarbe von <tbody> auf Farbwert #f8f8ff. Die Schriftgröße setzen wir auf 13px:

<style type="text/css"><!--
  tbody { 
    background-color: #f8f8ff; 
    font-size: 13px;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu firebrick ändert.

<style type="text/css"><!--
  tbody:hover { 
    background-color:firebrick;
  }
//-->
</style>

Mehr zum Thema tbody finden Sie in Tabellen in HTML. Mehr zum Tag <tbody>.