Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkmagenta und Farbwert #ffefd5

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.

Hintergrundfarbe darkmagenta			Schriftfarbwert #ffefd5
Detail	:	Hintergrund darkmagenta	Detail	:	Schrift #ffefd5
Farbe	:	darkmagenta	Farbwert	:	#ffefd5
Farbwert	:	#8b008b	Farbe	:	papayawhip
HTML	:	darkmagenta	HTML	:	#ffefd5
HTML (Wert)	:	#8b008b	HTML (Wert)	:	#ffefd5
CSS	:	darkmagenta	CSS	:	#ffefd5
CSS (Wert)	:	#8b008b	CSS (Wert)	:	#ffefd5
CSS (kürzest)	:	#8b008b	CSS (kürzest)	:	#ffefd5
CSS (RGB)	:	rgb(139,0,139)	CSS (RGB)	:	rgb(255,239,213)
CSS (%RGB)	:	rgb(54%,0%,54%)	CSS (%RGB)	:	rgb(100%,93%,83%)

Verlauf Hintergrundfarbe darkmagenta nach Schriftfarbwert #ffefd5
#8b008b	#9b2295	#ac44a0	#bc66aa	#cd88b5	#ddaabf	#eeccca	#ffefd5
#8b008b	#9b2295	#ac44a0	#bc66aa	#cd88b5	#ddaabf	#eeccca	#ffefd5

Kombination von darkmagenta und #ffefd5
Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #ffefd5 und darkmagenta ergibt sich zu 64.23%. Die Lesbarkeit dieser Kombination bewerte ich mit 35.77%. #ffefd5 ist nicht als Schriftfarbe auf Hintergrund darkmagenta geeignet, da der Unterschied in den Farben nicht ausreichend ist

Hintergrundfarbe darkmagenta				Schriftfarbwert #ffefd5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b008b	#8b008b	#8b008b	#8b008b	#ffefd5	#ffefd5	#ffefd5	#ffefd5
#9b249b	#9b249b	#770077	#770077	#fff1db	#fff1db	#daccb6	#daccb6
#ac48ac	#ac48ac	#630063	#630063	#fff3e1	#fff3e1	#b6aa98	#b6aa98
#bc6dbc	#bc6dbc	#4f004f	#4f004f	#fff5e7	#fff5e7	#918879	#918879
#cd91cd	#cd91cd	#3b003b	#3b003b	#fff8ed	#fff8ed	#6d665b	#6d665b
#ddb6dd	#ddb6dd	#270027	#270027	#fffaf3	#fffaf3	#48443c	#48443c
#eedaee	#eedaee	#130013	#130013	#fffcf9	#fffcf9	#24221e	#24221e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkmagenta und Farbwert #ffefd5

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag legend

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

Z.B. legen wir Farbe darkmagenta als Hintergrundfarbe von <legend> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf courier new. Die Größe der Schrift ändern wir auf 13px.

<style type="text/css"><!--
  legend { 
    font-family: courier new; 
    font-size: 13px; 
    background-color: darkmagenta;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #ffefd5 geändert wird.

<style type="text/css"><!--
  legend:hover { 
    background-color:#ffefd5;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Formulare in HTML. Möglichkeiten vom Befehl legend lesen Sie in der HTML Referenz unter <legend>.