Ressourcen: 137 HTML Farbnamen - Kombination von Farbe oldlace und Farbwert #fffaf0

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.

Hintergrundfarbe oldlace			Schriftfarbwert #fffaf0
Detail	:	Hintergrund oldlace	Detail	:	Schrift #fffaf0
Farbe	:	oldlace	Farbwert	:	#fffaf0
Farbwert	:	#fdf5e6	Farbe	:	floralwhite
HTML	:	oldlace	HTML	:	#fffaf0
HTML (Wert)	:	#fdf5e6	HTML (Wert)	:	#fffaf0
CSS	:	oldlace	CSS	:	#fffaf0
CSS (Wert)	:	#fdf5e6	CSS (Wert)	:	#fffaf0
CSS (kürzest)	:	#fdf5e6	CSS (kürzest)	:	#fffaf0
CSS (RGB)	:	rgb(253,245,230)	CSS (RGB)	:	rgb(255,250,240)
CSS (%RGB)	:	rgb(99%,96%,90%)	CSS (%RGB)	:	rgb(100%,98%,94%)

Verlauf Hintergrundfarbe oldlace nach Schriftfarbwert #fffaf0
#fdf5e6	#fdf5e7	#fdf6e8	#fdf7ea	#fef7eb	#fef8ed	#fef9ee	#fffaf0
#fdf5e6	#fdf5e7	#fdf6e8	#fdf7ea	#fef7eb	#fef8ed	#fef9ee	#fffaf0

Kombination von oldlace und #fffaf0
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund oldlace ist #fffaf0 ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von #fffaf0 und oldlace beträgt 95.04%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 4.96%.

Hintergrundfarbe oldlace				Schriftfarbwert #fffaf0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6	#fffaf0	#fffaf0	#fffaf0	#fffaf0
#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5	#fffaf2	#fffaf2	#dad6cd	#dad6cd
#fdf7ed	#fdf7ed	#b4afa4	#b4afa4	#fffbf4	#fffbf4	#b6b2ab	#b6b2ab
#fdf9f0	#fdf9f0	#908c83	#908c83	#fffcf6	#fffcf6	#918e89	#918e89
#fefaf4	#fefaf4	#6c6962	#6c6962	#fffcf8	#fffcf8	#6d6b66	#6d6b66
#fefcf7	#fefcf7	#484641	#484641	#fffdfa	#fffdfa	#484744	#484744
#fefdfb	#fefdfb	#242320	#242320	#fffefc	#fffefc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe oldlace und Farbwert #fffaf0

Hintergrund/Text-Kombination von HTML-Befehl del

Hier ändern wir die Textfarbe von <del> auf Farbwert #fffaf0 und die Hintergrundfarbe von <del> auf Farbe oldlace. Als Schriftart wählen wir monospace. Die Schriftgröße setzen wir auf 113%.

<style type="text/css"><!--
  del { 
    background-color:oldlace; 
    font-family:monospace; 
    font-size:113%; 
    color:#fffaf0;
  }
//-->
</style>

Weiteres zum Befehl del lesen Sie in der HTML Referenz unter <del>.

Wechsel der Umrandung bei Hover von Tag p

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

In diesem Beispiel umranden wir <p> mit einem 1 Pixel dicken, gepunkteten Rahmen in Farbe oldlace.

<style type="text/css"><!--
  p { border:1px dotted oldlace; }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #fffaf0 geändert wird.

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

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Die Beschreibung vom HTML-Tag p erfahren Sie in der HTML Referenz unter <p>.