Ressourcen: 137 HTML Farbnamen - Kombination von Farbe antiquewhite 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 antiquewhite			Schriftfarbwert #ee82ee
Detail	:	Hintergrund antiquewhite	Detail	:	Schrift #ee82ee
Farbe	:	antiquewhite	Farbwert	:	#ee82ee
Farbwert	:	#faebd7	Farbe	:	violet
HTML	:	antiquewhite	HTML	:	#ee82ee
HTML (Wert)	:	#faebd7	HTML (Wert)	:	#ee82ee
CSS	:	antiquewhite	CSS	:	#ee82ee
CSS (Wert)	:	#faebd7	CSS (Wert)	:	#ee82ee
CSS (kürzest)	:	#faebd7	CSS (kürzest)	:	#ee82ee
CSS (RGB)	:	rgb(250,235,215)	CSS (RGB)	:	rgb(238,130,238)
CSS (%RGB)	:	rgb(98%,92%,84%)	CSS (%RGB)	:	rgb(93%,50%,93%)

Verlauf Hintergrundfarbe antiquewhite nach Schriftfarbwert #ee82ee
#faebd7	#f8dcda	#f6cddd	#f4bee0	#f3afe4	#f1a0e7	#ef91ea	#ee82ee
#faebd7	#f8dcda	#f6cddd	#f4bee0	#f3afe4	#f1a0e7	#ef91ea	#ee82ee

Kombination von antiquewhite und #ee82ee
Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#ee82ee eignet sich nicht als Schriftfarbe auf Hintergrund antiquewhite, weil die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit der Farben #ee82ee und antiquewhite beträgt 90.58%. Die Lesbarkeit dieser Kombination liegt damit bei 9.42%.

Hintergrundfarbe antiquewhite				Schriftfarbwert #ee82ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faebd7	#faebd7	#faebd7	#faebd7	#ee82ee	#ee82ee	#ee82ee	#ee82ee
#faeddc	#faeddc	#d6c9b8	#d6c9b8	#f093f0	#f093f0	#cc6fcc	#cc6fcc
#fbf0e2	#fbf0e2	#b2a799	#b2a799	#f2a5f2	#f2a5f2	#aa5caa	#aa5caa
#fcf3e8	#fcf3e8	#8e867a	#8e867a	#f5b7f5	#f5b7f5	#884a88	#884a88
#fcf6ed	#fcf6ed	#6b645c	#6b645c	#f7c9f7	#f7c9f7	#663766	#663766
#fdf9f3	#fdf9f3	#47433d	#47433d	#fadbfa	#fadbfa	#442544	#442544
#fefcf9	#fefcf9	#23211e	#23211e	#fcedfc	#fcedfc	#221222	#221222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe antiquewhite und Farbwert #ee82ee

Wechsel der Textfarbe bei Hover bei HTML-Tag h1

Mit Befehl <h1> wird eine Überschrift der 1. Stufe gesetzt. Diese kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbe antiquewhite auf Farbwert #ee82ee ändern, wenn man mit der Maus auf <h1> zeigt. Bereiten wir zunächst die Darstellung von <h1> in Farbe antiquewhite vor.

In diesem Beispiel legen wir Farbe antiquewhite als Textfarbe von <h1> fest. Die Hintergrundfarbe verändern wir nicht, setzen jedoch die Schriftart auf arial und verringern die Größe der Schrift auf 89%.

<style type="text/css"><!--
  h1 { 
    font-family:arial; 
    color:antiquewhite; 
    font-size:89%;
  }
//-->
</style>

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

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

Mehr zu h1 lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier verwendeten HTML-Befehl <h1>.