Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #9370db und Farbe lightseagreen

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 #9370db			Schriftfarbe lightseagreen
Detail	:	Hintergrund #9370db	Detail	:	Schrift lightseagreen
Farbwert	:	#9370db	Farbe	:	lightseagreen
Farbe	:	mediumpurple	Farbwert	:	#20b2aa
HTML	:	#9370db	HTML	:	lightseagreen
HTML (Wert)	:	#9370db	HTML (Wert)	:	#20b2aa
CSS	:	#9370db	CSS	:	lightseagreen
CSS (Wert)	:	#9370db	CSS (Wert)	:	#20b2aa
CSS (kürzest)	:	#9370db	CSS (kürzest)	:	#20b2aa
CSS (RGB)	:	rgb(147,112,219)	CSS (RGB)	:	rgb(32,178,170)
CSS (%RGB)	:	rgb(57%,43%,85%)	CSS (%RGB)	:	rgb(12%,69%,66%)

Verlauf Hintergrundfarbwert #9370db nach Schriftfarbe lightseagreen
#9370db	#8279d4	#7282cd	#618cc6	#5195bf	#409fb8	#30a8b1	#20b2aa
#9370db	#8279d4	#7282cd	#618cc6	#5195bf	#409fb8	#30a8b1	#20b2aa

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

Hintergrundfarbwert #9370db				Schriftfarbe lightseagreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9370db	#9370db	#9370db	#9370db	#20b2aa	#20b2aa	#20b2aa	#20b2aa
#a284e0	#a284e0	#7e60bb	#7e60bb	#3fbdb6	#3fbdb6	#1b9891	#1b9891
#b198e5	#b198e5	#69509c	#69509c	#5fc8c2	#5fc8c2	#167f79	#167f79
#c1adea	#c1adea	#54407d	#54407d	#7fd3ce	#7fd3ce	#126561	#126561
#d0c1ef	#d0c1ef	#3f305d	#3f305d	#9fdeda	#9fdeda	#0d4c48	#0d4c48
#e0d6f4	#e0d6f4	#2a203e	#2a203e	#bfe9e6	#bfe9e6	#093230	#093230
#efeaf9	#efeaf9	#15101f	#15101f	#dff4f2	#dff4f2	#041918	#041918
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #9370db und Farbe lightseagreen

Wechsel der Hintergrundfarbe bei Hover mit Befehl dt

Die Hintergrundfarbe soll sich von Farbwert #9370db auf Farbe lightseagreen ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <dt> in Farbwert #9370db vor.

Wir legen z.B. bei <dt> die Hintergrundfarbe auf Farbwert #9370db fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf arial.

<style type="text/css"><!--
  dt { 
    font-family: arial; 
    background-color: #9370db;
  }
//-->
</style>

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

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

Weiteres zum Thema können Sie in Listen und Glossare in HTML nachlesen. Mehr zum hier gezeigten Tag dt finden Sie in der HTML Referenz unter <dt>.