Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumpurple und Farbwert #e9967a

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 mediumpurple			Schriftfarbwert #e9967a
Detail	:	Hintergrund mediumpurple	Detail	:	Schrift #e9967a
Farbe	:	mediumpurple	Farbwert	:	#e9967a
Farbwert	:	#9370db	Farbe	:	darksalmon
HTML	:	mediumpurple	HTML	:	#e9967a
HTML (Wert)	:	#9370db	HTML (Wert)	:	#e9967a
CSS	:	mediumpurple	CSS	:	#e9967a
CSS (Wert)	:	#9370db	CSS (Wert)	:	#e9967a
CSS (kürzest)	:	#9370db	CSS (kürzest)	:	#e9967a
CSS (RGB)	:	rgb(147,112,219)	CSS (RGB)	:	rgb(233,150,122)
CSS (%RGB)	:	rgb(57%,43%,85%)	CSS (%RGB)	:	rgb(91%,58%,47%)

Verlauf Hintergrundfarbe mediumpurple nach Schriftfarbwert #e9967a
#9370db	#9f75cd	#ab7abf	#b780b1	#c485a3	#d08b95	#dc9087	#e9967a
#9370db	#9f75cd	#ab7abf	#b780b1	#c485a3	#d08b95	#dc9087	#e9967a

Kombination von mediumpurple und #e9967a
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #e9967a und mediumpurple ergibt sich zu 92.23%. Die Lesbarkeit dieser Farbkombination liegt damit bei 7.77%. #e9967a eignet sich nicht als Schriftfarbe auf Hintergrund mediumpurple, da sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe mediumpurple				Schriftfarbwert #e9967a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9370db	#9370db	#9370db	#9370db	#e9967a	#e9967a	#e9967a	#e9967a
#a284e0	#a284e0	#7e60bb	#7e60bb	#eca58d	#eca58d	#c78068	#c78068
#b198e5	#b198e5	#69509c	#69509c	#efb4a0	#efb4a0	#a66b57	#a66b57
#c1adea	#c1adea	#54407d	#54407d	#f2c3b3	#f2c3b3	#855545	#855545
#d0c1ef	#d0c1ef	#3f305d	#3f305d	#f5d2c6	#f5d2c6	#634034	#634034
#e0d6f4	#e0d6f4	#2a203e	#2a203e	#f8e1d9	#f8e1d9	#422a22	#422a22
#efeaf9	#efeaf9	#15101f	#15101f	#fbf0ec	#fbf0ec	#211511	#211511
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumpurple und Farbwert #e9967a

Wechsel der Umrandung bei Hover bei Befehl option

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

In diesem Beispiel umranden wir <option> mit einem 2 Pixel dicken, gestrichelten Rahmen in Farbe mediumpurple.

<style type="text/css"><!--
  option { border:2px dashed mediumpurple; }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #e9967a geändert wird.

<style type="text/css"><!--
  option: hover { 
    border-color: #e9967a;
  }
//-->
</style>

Mehr zum Thema können Sie in Formulare in HTML lesen. Mehr zum Tag <option>.

Text- und Unterstreichungsfarben bei HTML-Tag label

Für dieses Beispiel ändern wir die Textfarbe von <label> auf Farbwert #e9967a und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße verringern wir auf 92%. Wir unterstreichen den Inhalt von <label> mit Hilfe eines einfallenden Rahmens mit 5 Punkte Dicke in Farbe mediumpurple. Dies geht mit HTML nicht. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  label { 
    border-bottom-style: inset; 
    color: #e9967a; 
    font-family: sans-serif; 
    font-size: 92%; 
    border-bottom-color: mediumpurple; 
    border-bottom-width: 5pt;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema finden Sie in Formulare in HTML. Einzelheiten des HTML-Tag label sind in der HTML Referenz bei <label> genau gezeigt.