Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #faf0e6 und Farbwert #ffe4b5

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 #faf0e6			Schriftfarbwert #ffe4b5
Detail	:	Hintergrund #faf0e6	Detail	:	Schrift #ffe4b5
Farbwert	:	#faf0e6	Farbwert	:	#ffe4b5
Farbe	:	linen	Farbe	:	moccasin
HTML	:	#faf0e6	HTML	:	#ffe4b5
HTML (Wert)	:	#faf0e6	HTML (Wert)	:	#ffe4b5
CSS	:	#faf0e6	CSS	:	#ffe4b5
CSS (Wert)	:	#faf0e6	CSS (Wert)	:	#ffe4b5
CSS (kürzest)	:	#faf0e6	CSS (kürzest)	:	#ffe4b5
CSS (RGB)	:	rgb(250,240,230)	CSS (RGB)	:	rgb(255,228,181)
CSS (%RGB)	:	rgb(98%,94%,90%)	CSS (%RGB)	:	rgb(100%,89%,70%)

Verlauf Hintergrundfarbwert #faf0e6 nach Schriftfarbwert #ffe4b5
#faf0e6	#faeedf	#fbecd8	#fcead1	#fce9ca	#fde7c3	#fee5bc	#ffe4b5
#faf0e6	#faeedf	#fbecd8	#fcead1	#fce9ca	#fde7c3	#fee5bc	#ffe4b5

Kombination von #faf0e6 und #ffe4b5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#ffe4b5 ist nicht als Schriftfarbe auf Hintergrund #faf0e6 geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit von #ffe4b5 und #faf0e6 beträgt 94.77%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.23%.

Hintergrundfarbwert #faf0e6				Schriftfarbwert #ffe4b5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faf0e6	#faf0e6	#faf0e6	#faf0e6	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
#faf2e9	#faf2e9	#d6cdc5	#d6cdc5	#ffe7bf	#ffe7bf	#dac39b	#dac39b
#fbf4ed	#fbf4ed	#b2aba4	#b2aba4	#ffebca	#ffebca	#b6a281	#b6a281
#fcf6f0	#fcf6f0	#8e8983	#8e8983	#ffefd4	#ffefd4	#918267	#918267
#fcf8f4	#fcf8f4	#6b6662	#6b6662	#fff3df	#fff3df	#6d614d	#6d614d
#fdfaf7	#fdfaf7	#474441	#474441	#fff7e9	#fff7e9	#484133	#484133
#fefcfb	#fefcfb	#232220	#232220	#fffbf4	#fffbf4	#242019	#242019
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #faf0e6 und Farbwert #ffe4b5

Text- und Unterstreichungsfarben von HTML-Befehl address

Hier ändern wir die Textfarbe von <address> auf Farbwert #ffe4b5. Die Schriftart setzen wir auf courier new. Die Schriftgröße erhöhen wir auf 113%. Wir unterstreichen den Inhalt von <address> mit Hilfe eines gestrichelten Rahmens mit 3 Punkte Dicke in Farbwert #faf0e6. Dies geht mit HTML kaum. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  address { 
    border-bottom:3pt dashed #faf0e6; 
    font-family:courier new; 
    font-size:113%; 
    color:#ffe4b5;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema address können Sie in Blockorientierte Elemente in HTML nachsehen. Der hier verwendete HTML-Tag address ist in der HTML Referenz bei <address> beschrieben.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl pre

Die Hintergrundfarbe soll sich von Farbwert #faf0e6 auf Farbwert #ffe4b5 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <pre> in Farbwert #faf0e6 vor.

Wir legen z.B. Farbwert #faf0e6 als Hintergrundfarbe von <pre> fest. Die Textfarbe behalten wir bei. Die Schriftart ändern wir auf monospace und ändern die Größe der Schrift auf 11pt:

<style type="text/css"><!--
  pre { 
    background-color:#faf0e6; 
    font-size:11pt; 
    font-family:monospace;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #ffe4b5 ändert.

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

Weiteres zu pre finden Sie in Blockorientierte Elemente in HTML. Mehr zum Tag <pre>.