Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffa500 und Farbwert #8b008b

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 #ffa500			Schriftfarbwert #8b008b
Detail	:	Hintergrund #ffa500	Detail	:	Schrift #8b008b
Farbwert	:	#ffa500	Farbwert	:	#8b008b
Farbe	:	orange	Farbe	:	darkmagenta
HTML	:	#ffa500	HTML	:	#8b008b
HTML (Wert)	:	#ffa500	HTML (Wert)	:	#8b008b
CSS	:	#ffa500	CSS	:	#8b008b
CSS (Wert)	:	#ffa500	CSS (Wert)	:	#8b008b
CSS (kürzest)	:	#ffa500	CSS (kürzest)	:	#8b008b
CSS (RGB)	:	rgb(255,165,0)	CSS (RGB)	:	rgb(139,0,139)
CSS (%RGB)	:	rgb(100%,64%,0%)	CSS (%RGB)	:	rgb(54%,0%,54%)

Verlauf Hintergrundfarbwert #ffa500 nach Schriftfarbwert #8b008b
#ffa500	#ee8d13	#dd7527	#cd5e3b	#bc464f	#ac2f63	#9b1777	#8b008b
#ffa500	#ee8d13	#dd7527	#cd5e3b	#bc464f	#ac2f63	#9b1777	#8b008b

Kombination von #ffa500 und #8b008b
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit der Farben #8b008b und #ffa500 beträgt 79.50%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 20.50%. #8b008b ist nicht als Schriftfarbe auf Hintergrund #ffa500 geeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #ffa500				Schriftfarbwert #8b008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa500	#ffa500	#ffa500	#ffa500	#8b008b	#8b008b	#8b008b	#8b008b
#ffb124	#ffb124	#da8d00	#da8d00	#9b249b	#9b249b	#770077	#770077
#ffbe48	#ffbe48	#b67500	#b67500	#ac48ac	#ac48ac	#630063	#630063
#ffcb6d	#ffcb6d	#915e00	#915e00	#bc6dbc	#bc6dbc	#4f004f	#4f004f
#ffd891	#ffd891	#6d4600	#6d4600	#cd91cd	#cd91cd	#3b003b	#3b003b
#ffe5b6	#ffe5b6	#482f00	#482f00	#ddb6dd	#ddb6dd	#270027	#270027
#fff2da	#fff2da	#241700	#241700	#eedaee	#eedaee	#130013	#130013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ffa500 und Farbwert #8b008b

Wechsel der Hintergrundfarbe bei Hover von Tag option

Die Hintergrundfarbe soll sich von Farbwert #ffa500 auf Farbwert #8b008b ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <option> in Farbwert #ffa500 vor.

In diesem Beispiel setzen wir bei <option> die Hintergrundfarbe auf Farbwert #ffa500. Zwar verändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf sans-serif:

<style type="text/css"><!--
  option { 
    background-color:#ffa500; 
    font-family:sans-serif;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #8b008b ändert.

<style type="text/css"><!--
  option: hover { 
    background-color: #8b008b;
  }
//-->
</style>

Mehr zum Thema option finden Sie in Formulare in HTML. Beschreibung vom hier gezeigten HTML-Befehl <option>.