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

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

Verlauf Hintergrundfarbwert #ffe4b5 nach Schriftfarbwert #f5deb3
#ffe4b5	#fde3b4	#fce2b4	#fae1b4	#f9e0b3	#f7dfb3	#f6deb3	#f5deb3
#ffe4b5	#fde3b4	#fce2b4	#fae1b4	#f9e0b3	#f7dfb3	#f6deb3	#f5deb3

Kombination von #ffe4b5 und #f5deb3
Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				#f5deb3 eignet sich nicht als Schriftfarbe auf Hintergrund #ffe4b5. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben #f5deb3 und #ffe4b5 ergibt sich zu 94.93%. Die Lesbarkeit dieser Kombination liegt damit bei 5.07%.

Hintergrundfarbwert #ffe4b5				Schriftfarbwert #f5deb3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5	#f5deb3	#f5deb3	#f5deb3	#f5deb3
#ffe7bf	#ffe7bf	#dac39b	#dac39b	#f6e2bd	#f6e2bd	#d2be99	#d2be99
#ffebca	#ffebca	#b6a281	#b6a281	#f7e7c8	#f7e7c8	#af9e7f	#af9e7f
#ffefd4	#ffefd4	#918267	#918267	#f9ecd3	#f9ecd3	#8c7e66	#8c7e66
#fff3df	#fff3df	#6d614d	#6d614d	#faf0de	#faf0de	#695f4c	#695f4c
#fff7e9	#fff7e9	#484133	#484133	#fcf5e9	#fcf5e9	#463f33	#463f33
#fffbf4	#fffbf4	#242019	#242019	#fdfaf4	#fdfaf4	#231f19	#231f19
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffe4b5 und Farbwert #f5deb3

Hintergrund/Text-Kombination mit HTML-Tag h1

Eine Überschrift der 1. Stufe erzeugt man mit HTML-Tag <h1>. Diese kann man farblich gestalten.

Bei diesem Beispiel ändern wir die Textfarbe von <h1> auf Farbwert #f5deb3 und die Hintergrundfarbe von <h1> auf Farbwert #ffe4b5. Die Schriftart setzen wir auf sans-serif und verringern die Schriftgröße auf 80%.

<style type="text/css"><!--
  h1 { 
    font-size: 80%; 
    color: #f5deb3; 
    background-color: #ffe4b5; 
    font-family: sans-serif;
  }
//-->
</style>

Mehr zum Thema h1 finden Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung des Tag <h1>.

Wechsel der Umrandung bei Hover bei Tag s

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

In diesem Beispiel umranden wir <s> mit einem 3 Pixel dicken, gezahnten Rahmen in Farbwert #ffe4b5.

<style type="text/css"><!--
  s { 
    border-style: ridge; 
    border-width: 3px; 
    border-color: #ffe4b5;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #f5deb3 gesetzt wird.

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

Mehr zum Thema s können Sie in Text in HTML nachsehen. Die Beschreibung vom HTML-Tag s finden Sie in der HTML Referenz unter <s>.