Ressourcen: 120 HTML Farbnamen - Kombination von Farbe orange und Farbwert #9400d3

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 orange			Schriftfarbwert #9400d3
Detail	:	Hintergrund orange	Detail	:	Schrift #9400d3
Farbe	:	orange	Farbwert	:	#9400d3
Farbwert	:	#ffa500	Farbe	:	darkviolet
HTML	:	orange	HTML	:	#9400d3
HTML (Wert)	:	#ffa500	HTML (Wert)	:	#9400d3
CSS	:	orange	CSS	:	#9400d3
CSS (Wert)	:	#ffa500	CSS (Wert)	:	#9400d3
CSS (kürzest)	:	#ffa500	CSS (kürzest)	:	#9400d3
CSS (RGB)	:	rgb(255,165,0)	CSS (RGB)	:	rgb(148,0,211)
CSS (%RGB)	:	rgb(100%,64%,0%)	CSS (%RGB)	:	rgb(58%,0%,82%)

Verlauf Hintergrundfarbe orange nach Schriftfarbwert #9400d3
#ffa500	#ef8d1e	#e0753c	#d15e5a	#c14678	#b22f96	#a317b4	#9400d3
#ffa500	#ef8d1e	#e0753c	#d15e5a	#c14678	#b22f96	#a317b4	#9400d3

Kombination von orange und #9400d3
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund orange ist #9400d3 ungeeignet, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #9400d3 und orange beträgt 84.17%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 15.83%.

Hintergrundfarbe orange				Schriftfarbwert #9400d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa500	#ffa500	#ffa500	#ffa500	#9400d3	#9400d3	#9400d3	#9400d3
#ffb124	#ffb124	#da8d00	#da8d00	#a324d9	#a324d9	#7e00b4	#7e00b4
#ffbe48	#ffbe48	#b67500	#b67500	#b248df	#b248df	#690096	#690096
#ffcb6d	#ffcb6d	#915e00	#915e00	#c16de5	#c16de5	#540078	#540078
#ffd891	#ffd891	#6d4600	#6d4600	#d191ec	#d191ec	#3f005a	#3f005a
#ffe5b6	#ffe5b6	#482f00	#482f00	#e0b6f2	#e0b6f2	#2a003c	#2a003c
#fff2da	#fff2da	#241700	#241700	#efdaf8	#efdaf8	#15001e	#15001e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe orange und Farbwert #9400d3

Füllen und Umranden bei Befehl frameset

Für dieses Beispiel umranden wir <frameset> mit einem 5 Punkte dicken, gepunkteten Rahmen in Farbwert #9400d3 . Die Hintergrundfarbe für <frameset> färben wir mit Farbe orange. Mit HTML ist das kaum machbar. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  frameset { border:5pt dotted #9400d3; background-color:orange; }
//-->
</style>

Beschreibung des hier gezeigten HTML-Tag <frameset>.

Wechsel der Textfarbe bei Hover bei Tag caption

Die Textfarbe soll sich von Farbe orange auf Farbwert #9400d3 ändern, wenn man mit der Maus auf <caption> zeigt. Wir bereiten zunächst eine Darstellung von <caption> in Farbe orange vor.

Als Beispiel legen wir Farbe orange als Textfarbe von <caption> fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf arial und vergrößern die Größe der Schrift auf 115%:

<style type="text/css"><!--
  caption { 
    font-size: 115%; 
    color: orange; 
    font-family: arial;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #9400d3 ändert.

<style type="text/css"><!--
  caption: hover { 
    color: #9400d3;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Der hier genutzte Tag caption ist in der HTML Referenz bei <caption> beschrieben.