Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fff8dc und Farbwert #ffffff

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #fff8dc			Schriftfarbwert #ffffff
Detail	:	Hintergrund #fff8dc	Detail	:	Schrift #ffffff
Farbwert	:	#fff8dc	Farbwert	:	#ffffff
Farbe	:	cornsilk	Farbe	:	white
HTML	:	#fff8dc	HTML	:	#ffffff
HTML (Wert)	:	#fff8dc	HTML (Wert)	:	#ffffff
CSS	:	#fff8dc	CSS	:	#ffffff
CSS (Wert)	:	#fff8dc	CSS (Wert)	:	#ffffff
CSS (kürzest)	:	#fff8dc	CSS (kürzest)	:	#fff
CSS (RGB)	:	rgb(255,248,220)	CSS (RGB)	:	rgb(255,255,255)
CSS (%RGB)	:	rgb(100%,97%,86%)	CSS (%RGB)	:	rgb(100%,100%,100%)

Verlauf Hintergrundfarbwert #fff8dc nach Schriftfarbwert #ffffff
#fff8dc	#fff9e1	#fffae6	#fffbeb	#fffcf0	#fffdf5	#fffefa	#ffffff
#fff8dc	#fff9e1	#fffae6	#fffbeb	#fffcf0	#fffdf5	#fffefa	#ffffff

Kombination von #fff8dc und #ffffff
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ffffff eignet sich nicht als Schriftfarbe auf Hintergrund #fff8dc. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von #ffffff und #fff8dc beträgt 94.93%. Die Lesbarkeit dieser Kombination liegt damit bei 5.07%.

Hintergrundfarbwert #fff8dc				Schriftfarbwert #ffffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff8dc	#fff8dc	#fff8dc	#fff8dc	#ffffff	#ffffff	#ffffff	#ffffff
#fff9e1	#fff9e1	#dad4bc	#dad4bc	#ffffff	#ffffff	#dadada	#dadada
#fffae6	#fffae6	#b6b19d	#b6b19d	#ffffff	#ffffff	#b6b6b6	#b6b6b6
#fffbeb	#fffbeb	#918d7d	#918d7d	#ffffff	#ffffff	#919191	#919191
#fffcf0	#fffcf0	#6d6a5e	#6d6a5e	#ffffff	#ffffff	#6d6d6d	#6d6d6d
#fffdf5	#fffdf5	#48463e	#48463e	#ffffff	#ffffff	#484848	#484848
#fffefa	#fffefa	#24231f	#24231f	#ffffff	#ffffff	#242424	#242424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff8dc und Farbwert #ffffff

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl h4

Mit HTML-Tag <h4> wird eine Überschrift der 4. Stufe gesetzt. Diese kann hervorgehoben und farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbwert #fff8dc auf Farbwert #ffffff ändern, wenn man mit der Maus auf <h4> zeigt. Bereiten wir zunächst die Darstellung von <h4> in Farbwert #fff8dc vor.

In diesem Beispiel legen wir die Hintergrundfarbe von <h4> auf Farbwert #fff8dc fest. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf sans-serif.

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

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #ffffff gesetzt wird.

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

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung vom HTML-Tag <h4>.

Hintergrund/Text-Kombination von Tag address

Wir ändern bei diesem Beispiel die Textfarbe von <address> auf Farbwert #ffffff und die Hintergrundfarbe von <address> auf Farbwert #fff8dc. Als Schriftart setzen wir sans-serif und als Schriftgröße wählen wir 13px.

<style type="text/css"><!--
  address { 
    background-color: #fff8dc; 
    font-family: sans-serif; 
    color: #ffffff; 
    font-size: 13px;
  }
//-->
</style>

Mehr zu address lesen Sie in Blockorientierte Elemente in HTML. Zur Beschreibung vom Befehl <address>.