Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffff0 und Farbwert #fdf5e6

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 #fffff0			Schriftfarbwert #fdf5e6
Detail	:	Hintergrund #fffff0	Detail	:	Schrift #fdf5e6
Farbwert	:	#fffff0	Farbwert	:	#fdf5e6
Farbe	:	ivory	Farbe	:	oldlace
HTML	:	#fffff0	HTML	:	#fdf5e6
HTML (Wert)	:	#fffff0	HTML (Wert)	:	#fdf5e6
CSS	:	#fffff0	CSS	:	#fdf5e6
CSS (Wert)	:	#fffff0	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#fffff0	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(255,255,240)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(100%,100%,94%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbwert #fffff0 nach Schriftfarbwert #fdf5e6
#fffff0	#fefdee	#fefced	#fefaeb	#fdf9ea	#fdf7e8	#fdf6e7	#fdf5e6
#fffff0	#fefdee	#fefced	#fefaeb	#fdf9ea	#fdf7e8	#fdf6e7	#fdf5e6

Kombination von #fffff0 und #fdf5e6
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#fdf5e6 eignet sich nicht als Schriftfarbe auf Hintergrund #fffff0. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit von #fdf5e6 und #fffff0 ergibt sich zu 94.89%. Die Lesbarkeit dieser Kombination ergibt sich zu 5.11%.

Hintergrundfarbwert #fffff0				Schriftfarbwert #fdf5e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffff0	#fffff0	#fffff0	#fffff0	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#fffff2	#fffff2	#dadacd	#dadacd	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#fffff4	#fffff4	#b6b6ab	#b6b6ab	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#fffff6	#fffff6	#919189	#919189	#fdf9f0	#fdf9f0	#908c83	#908c83
#fffff8	#fffff8	#6d6d66	#6d6d66	#fefaf4	#fefaf4	#6c6962	#6c6962
#fffffa	#fffffa	#484844	#484844	#fefcf7	#fefcf7	#484641	#484641
#fffffc	#fffffc	#242422	#242422	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffff0 und Farbwert #fdf5e6

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl colgroup

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

Wir legen hier Farbwert #fffff0 als Hintergrundfarbe von <colgroup> fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf arial und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  colgroup { 
    background-color: #fffff0; 
    font-family: arial; 
    font-size: 13px;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #fdf5e6 geändert wird.

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

Weiteres zum Thema colgroup können Sie in Tabellen in HTML nachlesen. Weiteres zum Tag <colgroup>.

Wechsel der Textfarbe bei Hover mit Befehl fieldset

Die Textfarbe soll sich von Farbwert #fffff0 auf Farbwert #fdf5e6 ändern, wenn man mit der Maus auf <fieldset> zeigt. Wir bereiten zunächst die Darstellung von <fieldset> in Farbwert #fffff0 vor.

Hier legen wir Farbwert #fffff0 als Textfarbe von <fieldset> fest:

<style type="text/css"><!--
  fieldset { 
    color:#fffff0;
  }
//-->
</style>

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

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

Mehr zu fieldset lesen Sie in Formulare in HTML. Zur Beschreibung des Tag <fieldset>.