Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffffe0 und Farbwert #f0e68c

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 #ffffe0			Schriftfarbwert #f0e68c
Detail	:	Hintergrund #ffffe0	Detail	:	Schrift #f0e68c
Farbwert	:	#ffffe0	Farbwert	:	#f0e68c
Farbe	:	lightyellow	Farbe	:	khaki
HTML	:	#ffffe0	HTML	:	#f0e68c
HTML (Wert)	:	#ffffe0	HTML (Wert)	:	#f0e68c
CSS	:	#ffffe0	CSS	:	#f0e68c
CSS (Wert)	:	#ffffe0	CSS (Wert)	:	#f0e68c
CSS (kürzest)	:	#ffffe0	CSS (kürzest)	:	#f0e68c
CSS (RGB)	:	rgb(255,255,224)	CSS (RGB)	:	rgb(240,230,140)
CSS (%RGB)	:	rgb(100%,100%,87%)	CSS (%RGB)	:	rgb(94%,90%,54%)

Verlauf Hintergrundfarbwert #ffffe0 nach Schriftfarbwert #f0e68c
#ffffe0	#fcfbd4	#faf7c8	#f8f4bc	#f6f0b0	#f4eda4	#f2e998	#f0e68c
#ffffe0	#fcfbd4	#faf7c8	#f8f4bc	#f6f0b0	#f4eda4	#f2e998	#f0e68c

Kombination von #ffffe0 und #f0e68c
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#f0e68c eignet sich nicht als Schriftfarbe auf Hintergrund #ffffe0. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben #f0e68c und #ffffe0 ergibt sich zu 94.01%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.99%.

Hintergrundfarbwert #ffffe0				Schriftfarbwert #f0e68c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffe0	#ffffe0	#ffffe0	#ffffe0	#f0e68c	#f0e68c	#f0e68c	#f0e68c
#ffffe4	#ffffe4	#dadac0	#dadac0	#f2e99c	#f2e99c	#cdc578	#cdc578
#ffffe8	#ffffe8	#b6b6a0	#b6b6a0	#f4edac	#f4edac	#aba464	#aba464
#ffffed	#ffffed	#919180	#919180	#f6f0bd	#f6f0bd	#898350	#898350
#fffff1	#fffff1	#6d6d60	#6d6d60	#f8f4cd	#f8f4cd	#66623c	#66623c
#fffff6	#fffff6	#484840	#484840	#faf7de	#faf7de	#444128	#444128
#fffffa	#fffffa	#242420	#242420	#fcfbee	#fcfbee	#222014	#222014
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffffe0 und Farbwert #f0e68c

Wechsel der Textfarbe bei Hover bei Tag center

Die Textfarbe soll sich von Farbwert #ffffe0 auf Farbwert #f0e68c ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <center> in Farbwert #ffffe0 vor.

Wir ändern für dieses Beispiel bei <center> die Textfarbe auf Farbwert #ffffe0:

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

Nun fordern wir, dass sich bei Mausberührung die Textfarbe auf #f0e68c ändert.

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

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Weiteres zum hier verwendeten HTML-Befehl center ist in der HTML Referenz bei <center> ausführlich gezeigt.

Text- und Unterstreichungsfarben bei HTML-Tag caption

Hier ändern wir die Textfarbe von <caption> auf Farbwert #f0e68c und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf verdana. Die Schriftgröße verringern wir auf 80%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines einfallenden Rahmens mit 5 Punkte Dicke in Farbwert #ffffe0. Das ist in HTML kaum möglich. Deshalb verwenden wir hier CSS.

<style type="text/css"><!--
  caption { 
    color: #f0e68c; 
    border-bottom-width: 5pt; 
    border-bottom-color: #ffffe0; 
    border-bottom-style: inset; 
    font-size: 80%; 
    font-family: verdana;
  }
//-->
</style>

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

Mehr zum Thema erfahren Sie in Tabellen in HTML. Einzelheiten vom hier verwendeten HTML-Tag caption finden Sie in der HTML Referenz unter <caption>.