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

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 #ee82ee
Detail	:	Hintergrund oldlace	Detail	:	Schrift #ee82ee
Farbe	:	oldlace	Farbwert	:	#ee82ee
Farbwert	:	#fdf5e6	Farbe	:	violet
HTML	:	oldlace	HTML	:	#ee82ee
HTML (Wert)	:	#fdf5e6	HTML (Wert)	:	#ee82ee
CSS	:	oldlace	CSS	:	#ee82ee
CSS (Wert)	:	#fdf5e6	CSS (Wert)	:	#ee82ee
CSS (kürzest)	:	#fdf5e6	CSS (kürzest)	:	#ee82ee
CSS (RGB)	:	rgb(253,245,230)	CSS (RGB)	:	rgb(238,130,238)
CSS (%RGB)	:	rgb(99%,96%,90%)	CSS (%RGB)	:	rgb(93%,50%,93%)

Verlauf Hintergrundfarbe oldlace nach Schriftfarbwert #ee82ee
#fdf5e6	#fae4e7	#f8d4e8	#f6c3e9	#f4b3ea	#f2a2eb	#f092ec	#ee82ee
#fdf5e6	#fae4e7	#f8d4e8	#f6c3e9	#f4b3ea	#f2a2eb	#f092ec	#ee82ee

Kombination von oldlace und #ee82ee
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit von #ee82ee und oldlace beträgt 89.82%. Die Lesbarkeit dieser Farbkombination liegt damit bei 10.18%. #ee82ee eignet sich nicht als Schriftfarbe auf Hintergrund oldlace. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe oldlace				Schriftfarbwert #ee82ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6	#ee82ee	#ee82ee	#ee82ee	#ee82ee
#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5	#f093f0	#f093f0	#cc6fcc	#cc6fcc
#fdf7ed	#fdf7ed	#b4afa4	#b4afa4	#f2a5f2	#f2a5f2	#aa5caa	#aa5caa
#fdf9f0	#fdf9f0	#908c83	#908c83	#f5b7f5	#f5b7f5	#884a88	#884a88
#fefaf4	#fefaf4	#6c6962	#6c6962	#f7c9f7	#f7c9f7	#663766	#663766
#fefcf7	#fefcf7	#484641	#484641	#fadbfa	#fadbfa	#442544	#442544
#fefdfb	#fefdfb	#242320	#242320	#fcedfc	#fcedfc	#221222	#221222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe oldlace und Farbwert #ee82ee

Wechsel der Textfarbe bei Hover mit Tag a

Einen Hyperlink setzen Sie mit Tag <a> und kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbe oldlace auf Farbwert #ee82ee ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <a> in Farbe oldlace vor.

Wir legen für dieses Beispiel Farbe oldlace als Textfarbe von <a> fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf monospace und setzen die Größe der Schrift auf 99%:

<style type="text/css"><!--
  a { 
    font-size:99%; 
    font-family:monospace; 
    color:oldlace;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #ee82ee gesetzt wird.

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

Weiteres zu a lesen Sie in Verweise und Protokolle in HTML. Mehr zum hier verwendeten Befehl a lesen Sie in der HTML Referenz unter <a>.

Füllen und Umranden bei HTML-Befehl dd

Hier umranden wir <dd> mit einem herausstehenden, 4 Pixel dicken Rahmen in Farbwert #ee82ee . Die Hintergrundfarbe für <dd> färben wir mit Farbe oldlace. In HTML geht dies kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  dd { 
    background-color: oldlace; 
    border-color: #ee82ee; 
    border-style: outset; 
    border-width: 4px;
  }
//-->
</style>

Mehr zu dd können Sie in Listen und Glossare in HTML nachlesen. Einzelheiten des Tag <dd>.