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

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.

Hintergrundfarbwert #ee82ee			Schriftfarbe sienna
Detail	:	Hintergrund #ee82ee	Detail	:	Schrift sienna
Farbwert	:	#ee82ee	Farbe	:	sienna
Farbe	:	violet	Farbwert	:	#a0522d
HTML	:	#ee82ee	HTML	:	sienna
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#a0522d
CSS	:	#ee82ee	CSS	:	sienna
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbwert #ee82ee nach Schriftfarbe sienna
#ee82ee	#e27bd2	#d774b6	#cc6d9b	#c1667f	#b65f64	#ab5848	#a0522d
#ee82ee	#e27bd2	#d774b6	#cc6d9b	#c1667f	#b65f64	#ab5848	#a0522d

Kombination von #ee82ee und sienna
Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von sienna und #ee82ee ergibt sich zu 88.46%. Die Lesbarkeit dieser Kombination ergibt sich zu 11.54%. sienna ist nicht als Schriftfarbe auf Hintergrund #ee82ee geeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbwert #ee82ee				Schriftfarbe sienna
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#a0522d	#a0522d	#a0522d	#a0522d
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#ad6a4b	#ad6a4b	#894626	#894626
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#bb8369	#bb8369	#723a20	#723a20
#f5b7f5	#f5b7f5	#884a88	#884a88	#c89c87	#c89c87	#5b2e19	#5b2e19
#f7c9f7	#f7c9f7	#663766	#663766	#d6b4a5	#d6b4a5	#442313	#442313
#fadbfa	#fadbfa	#442544	#442544	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#fcedfc	#fcedfc	#221222	#221222	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ee82ee und Farbe sienna

Wechsel der Umrandung bei Hover bei Tag tbody

Die Rahmenfarbe soll sich von Farbwert #ee82ee auf Farbe sienna ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <tbody> in Farbwert #ee82ee vor.

In diesem Beispiel umranden wir <tbody> mit einem 1 Pixel dicken, doppelten Rahmen in Farbwert #ee82ee.

<style type="text/css"><!--
  tbody { border:1px double #ee82ee; }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf sienna gesetzt wird.

<style type="text/css"><!--
  tbody: hover { 
    border-color: sienna;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Tabellen in HTML. Weiteres zum hier gezeigten Befehl tbody finden Sie in der HTML Referenz unter <tbody>.