Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f0f8ff und Farbwert #faf0e6

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 #f0f8ff			Schriftfarbwert #faf0e6
Detail	:	Hintergrund #f0f8ff	Detail	:	Schrift #faf0e6
Farbwert	:	#f0f8ff	Farbwert	:	#faf0e6
Farbe	:	aliceblue	Farbe	:	linen
HTML	:	#f0f8ff	HTML	:	#faf0e6
HTML (Wert)	:	#f0f8ff	HTML (Wert)	:	#faf0e6
CSS	:	#f0f8ff	CSS	:	#faf0e6
CSS (Wert)	:	#f0f8ff	CSS (Wert)	:	#faf0e6
CSS (kürzest)	:	#f0f8ff	CSS (kürzest)	:	#faf0e6
CSS (RGB)	:	rgb(240,248,255)	CSS (RGB)	:	rgb(250,240,230)
CSS (%RGB)	:	rgb(94%,97%,100%)	CSS (%RGB)	:	rgb(98%,94%,90%)

Verlauf Hintergrundfarbwert #f0f8ff nach Schriftfarbwert #faf0e6
#f0f8ff	#f1f6fb	#f2f5f7	#f4f4f4	#f5f3f0	#f7f2ed	#f8f1e9	#faf0e6
#f0f8ff	#f1f6fb	#f2f5f7	#f4f4f4	#f5f3f0	#f7f2ed	#f8f1e9	#faf0e6

Kombination von #f0f8ff und #faf0e6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#faf0e6 ist nicht als Schriftfarbe auf Hintergrund #f0f8ff geeignet, weil die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit von #faf0e6 und #f0f8ff ergibt sich zu 95.01%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 4.99%.

Hintergrundfarbwert #f0f8ff				Schriftfarbwert #faf0e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff	#faf0e6	#faf0e6	#faf0e6	#faf0e6
#f2f9ff	#f2f9ff	#cdd4da	#cdd4da	#faf2e9	#faf2e9	#d6cdc5	#d6cdc5
#f4faff	#f4faff	#abb1b6	#abb1b6	#fbf4ed	#fbf4ed	#b2aba4	#b2aba4
#f6fbff	#f6fbff	#898d91	#898d91	#fcf6f0	#fcf6f0	#8e8983	#8e8983
#f8fcff	#f8fcff	#666a6d	#666a6d	#fcf8f4	#fcf8f4	#6b6662	#6b6662
#fafdff	#fafdff	#444648	#444648	#fdfaf7	#fdfaf7	#474441	#474441
#fcfeff	#fcfeff	#222324	#222324	#fefcfb	#fefcfb	#232220	#232220
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f0f8ff und Farbwert #faf0e6

Füllen und Umranden mit Tag hr

Hier umranden wir <hr> mit einem . Den Hintergrund von <hr> setzen wir auf Farbwert #f0f8ff. Mit HTML geht dies nicht. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  hr { border:4px ridge #faf0e6; background-color:#f0f8ff; }
//-->
</style>

Mehr zum Thema hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier verwendeten Befehl hr lesen Sie in der HTML Referenz unter <hr>.

Wechsel der Hintergrundfarbe bei Hover von Befehl strong

Die Hintergrundfarbe soll sich von Farbwert #f0f8ff auf Farbwert #faf0e6 ändern, wenn man mit der Maus auf <strong> zeigt. Wir bereiten zunächst die Formatierung von <strong> in Farbwert #f0f8ff vor.

Hier legen wir die Hintergrundfarbe von <strong> auf Farbwert #f0f8ff fest. Die Schriftgröße setzen wir auf 9pt.

<style type="text/css"><!--
  strong { 
    font-size:9pt; 
    background-color:#f0f8ff;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #faf0e6 geändert wird.

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

Mehr zum Thema können Sie in Text in HTML nachsehen. Einzelheiten des hier genutzten Befehl <strong>.