Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffe4b5 und Farbwert #f5f5f5

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 #ffe4b5			Schriftfarbwert #f5f5f5
Detail	:	Hintergrund #ffe4b5	Detail	:	Schrift #f5f5f5
Farbwert	:	#ffe4b5	Farbwert	:	#f5f5f5
Farbe	:	moccasin	Farbe	:	whitesmoke
HTML	:	#ffe4b5	HTML	:	#f5f5f5
HTML (Wert)	:	#ffe4b5	HTML (Wert)	:	#f5f5f5
CSS	:	#ffe4b5	CSS	:	#f5f5f5
CSS (Wert)	:	#ffe4b5	CSS (Wert)	:	#f5f5f5
CSS (kürzest)	:	#ffe4b5	CSS (kürzest)	:	#f5f5f5
CSS (RGB)	:	rgb(255,228,181)	CSS (RGB)	:	rgb(245,245,245)
CSS (%RGB)	:	rgb(100%,89%,70%)	CSS (%RGB)	:	rgb(96%,96%,96%)

Verlauf Hintergrundfarbwert #ffe4b5 nach Schriftfarbwert #f5f5f5
#ffe4b5	#fde6be	#fce8c7	#faebd0	#f9edd9	#f7f0e2	#f6f2eb	#f5f5f5
#ffe4b5	#fde6be	#fce8c7	#faebd0	#f9edd9	#f7f0e2	#f6f2eb	#f5f5f5

Kombination von #ffe4b5 und #f5f5f5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #f5f5f5 und #ffe4b5 beträgt 94.61%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.39%. #f5f5f5 ist nicht als Schriftfarbe auf Hintergrund #ffe4b5 geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #ffe4b5				Schriftfarbwert #f5f5f5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5	#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5
#ffe7bf	#ffe7bf	#dac39b	#dac39b	#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2
#ffebca	#ffebca	#b6a281	#b6a281	#f7f7f7	#f7f7f7	#afafaf	#afafaf
#ffefd4	#ffefd4	#918267	#918267	#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c
#fff3df	#fff3df	#6d614d	#6d614d	#fafafa	#fafafa	#696969	#696969
#fff7e9	#fff7e9	#484133	#484133	#fcfcfc	#fcfcfc	#464646	#464646
#fffbf4	#fffbf4	#242019	#242019	#fdfdfd	#fdfdfd	#232323	#232323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffe4b5 und Farbwert #f5f5f5

Wechsel der Textfarbe bei Hover von Tag fieldset

Die Textfarbe soll sich von Farbwert #ffe4b5 auf Farbwert #f5f5f5 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <fieldset> in Farbwert #ffe4b5 vor.

Zum Beispiel legen wir Farbwert #ffe4b5 als Textfarbe von <fieldset> fest. Die Hintergrundfarbe verändern wir nicht. Die Schriftart ändern wir auf monospace. Die Schriftgröße verringern wir auf 98%.

<style type="text/css"><!--
  fieldset { 
    font-size: 98%; 
    font-family: monospace; 
    color: #ffe4b5;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe auf #f5f5f5 ändert.

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

Mehr zu fieldset lesen Sie in Formulare in HTML. Der Tag fieldset ist in der HTML Referenz unter <fieldset> genau gezeigt.

Wechsel der Umrandung bei Hover bei Tag dt

Die Rahmenfarbe soll sich von Farbwert #ffe4b5 auf Farbwert #f5f5f5 ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst die Formatierung von <dt> in Farbwert #ffe4b5 vor.

In diesem Beispiel umranden wir <dt> mit einem 2 Pixel dicken, gestrichelten Rahmen in Farbwert #ffe4b5.

<style type="text/css"><!--
  dt { border:2px dashed #ffe4b5; }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe zu #f5f5f5 ändert.

<style type="text/css"><!--
  dt: hover { 
    border-color: #f5f5f5;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Listen und Glossare in HTML. Der hier gezeigte Befehl dt ist in der HTML Referenz unter <dt> ausführlich zusammengestellt.