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

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			Schriftfarbe oldlace
Detail	:	Hintergrund #ffffe0	Detail	:	Schrift oldlace
Farbwert	:	#ffffe0	Farbe	:	oldlace
Farbe	:	lightyellow	Farbwert	:	#fdf5e6
HTML	:	#ffffe0	HTML	:	oldlace
HTML (Wert)	:	#ffffe0	HTML (Wert)	:	#fdf5e6
CSS	:	#ffffe0	CSS	:	oldlace
CSS (Wert)	:	#ffffe0	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#ffffe0	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(255,255,224)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(100%,100%,87%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbwert #ffffe0 nach Schriftfarbe oldlace
#ffffe0	#fefde0	#fefce1	#fefae2	#fdf9e3	#fdf7e4	#fdf6e5	#fdf5e6
#ffffe0	#fefde0	#fefce1	#fefae2	#fdf9e3	#fdf7e4	#fdf6e5	#fdf5e6

Kombination von #ffffe0 und oldlace
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben oldlace und #ffffe0 beträgt 94.93%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.07%. oldlace ist nicht als Schriftfarbe auf Hintergrund #ffffe0 geeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #ffffe0				Schriftfarbe oldlace
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffe0	#ffffe0	#ffffe0	#ffffe0	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#ffffe4	#ffffe4	#dadac0	#dadac0	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#ffffe8	#ffffe8	#b6b6a0	#b6b6a0	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#ffffed	#ffffed	#919180	#919180	#fdf9f0	#fdf9f0	#908c83	#908c83
#fffff1	#fffff1	#6d6d60	#6d6d60	#fefaf4	#fefaf4	#6c6962	#6c6962
#fffff6	#fffff6	#484840	#484840	#fefcf7	#fefcf7	#484641	#484641
#fffffa	#fffffa	#242420	#242420	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffffe0 und Farbe oldlace

Füllen und Umranden bei HTML-Befehl frame

Bei diesem Beispiel umranden wir <frame> mit einem 1 Punkte dicken, gefurchten Rahmen in Farbe oldlace . Den Hintergrund von <frame> setzen wir entsprechend auf Farbwert #ffffe0. Dies ist mit HTML nicht möglich. Deshalb nutzen wir hierfür CSS.

<style type="text/css"><!--
  frame { border:1pt groove oldlace; background-color:#ffffe0; }
//-->
</style>

Weiteres zum hier genutzten HTML-Befehl <frame>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag col

Die Hintergrundfarbe soll sich von Farbwert #ffffe0 auf Farbe oldlace ändern, wenn man mit der Maus auf <col> zeigt. Bereiten wir zunächst die Darstellung von <col> in Farbwert #ffffe0 vor.

Für dieses Beispiel legen wir Farbwert #ffffe0 als Hintergrundfarbe von <col> fest. Die Größe der Schrift setzen wir auf 13px.

<style type="text/css"><!--
  col { 
    font-size:13px; 
    background-color:#ffffe0;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf oldlace gesetzt wird.

<style type="text/css"><!--
  col: hover { 
    background-color: oldlace;
  }
//-->
</style>

Mehr zu col können Sie in Tabellen in HTML lesen. Mehr zum Tag col ist in der HTML Referenz unter <col> genau beschrieben.