Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fff8dc und Farbwert #fffafa

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 #fff8dc			Schriftfarbwert #fffafa
Detail	:	Hintergrund #fff8dc	Detail	:	Schrift #fffafa
Farbwert	:	#fff8dc	Farbwert	:	#fffafa
Farbe	:	cornsilk	Farbe	:	snow
HTML	:	#fff8dc	HTML	:	#fffafa
HTML (Wert)	:	#fff8dc	HTML (Wert)	:	#fffafa
CSS	:	#fff8dc	CSS	:	#fffafa
CSS (Wert)	:	#fff8dc	CSS (Wert)	:	#fffafa
CSS (kürzest)	:	#fff8dc	CSS (kürzest)	:	#fffafa
CSS (RGB)	:	rgb(255,248,220)	CSS (RGB)	:	rgb(255,250,250)
CSS (%RGB)	:	rgb(100%,97%,86%)	CSS (%RGB)	:	rgb(100%,98%,98%)

Verlauf Hintergrundfarbwert #fff8dc nach Schriftfarbwert #fffafa
#fff8dc	#fff8e0	#fff8e4	#fff8e8	#fff9ed	#fff9f1	#fff9f5	#fffafa
#fff8dc	#fff8e0	#fff8e4	#fff8e8	#fff9ed	#fff9f1	#fff9f5	#fffafa

Kombination von #fff8dc und #fffafa
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Auf Hintergrund #fff8dc ist #fffafa ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben #fffafa und #fff8dc ergibt sich zu 95.09%. Die Lesbarkeit dieser Farbkombination liegt damit bei 4.91%.

Hintergrundfarbwert #fff8dc				Schriftfarbwert #fffafa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff8dc	#fff8dc	#fff8dc	#fff8dc	#fffafa	#fffafa	#fffafa	#fffafa
#fff9e1	#fff9e1	#dad4bc	#dad4bc	#fffafa	#fffafa	#dad6d6	#dad6d6
#fffae6	#fffae6	#b6b19d	#b6b19d	#fffbfb	#fffbfb	#b6b2b2	#b6b2b2
#fffbeb	#fffbeb	#918d7d	#918d7d	#fffcfc	#fffcfc	#918e8e	#918e8e
#fffcf0	#fffcf0	#6d6a5e	#6d6a5e	#fffcfc	#fffcfc	#6d6b6b	#6d6b6b
#fffdf5	#fffdf5	#48463e	#48463e	#fffdfd	#fffdfd	#484747	#484747
#fffefa	#fffefa	#24231f	#24231f	#fffefe	#fffefe	#242323	#242323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff8dc und Farbwert #fffafa

Hintergrund/Text-Kombination mit Befehl li

Hier ändern wir die Textfarbe von <li> auf Farbwert #fffafa und die Hintergrundfarbe von <li> auf Farbwert #fff8dc. Als Schriftart setzen wir verdana. Als Schriftgröße setzen wir 127%.

<style type="text/css"><!--
  li { 
    color:#fffafa; 
    background-color:#fff8dc; 
    font-size:127%; 
    font-family:verdana;
  }
//-->
</style>

Mehr zum Thema können Sie in Listen und Glossare in HTML lesen. Einzelheiten vom Tag <li>.

Wechsel der Hintergrundfarbe bei Hover mit Tag var

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

Als Beispiel setzen wir die Hintergrundfarbe von <var> auf Farbwert #fff8dc. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf sans-serif:

<style type="text/css"><!--
  var { 
    background-color:#fff8dc; 
    font-family:sans-serif;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #fffafa geändert wird.

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

Weiteres zum Thema lesen Sie in Text in HTML. Möglichkeiten vom hier verwendeten HTML-Tag <var>.