Ressourcen: 137 HTML Farbnamen - Kombination von Farbe orange und Farbwert #ba55d3

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.

Hintergrundfarbe orange			Schriftfarbwert #ba55d3
Detail	:	Hintergrund orange	Detail	:	Schrift #ba55d3
Farbe	:	orange	Farbwert	:	#ba55d3
Farbwert	:	#ffa500	Farbe	:	mediumorchid
HTML	:	orange	HTML	:	#ba55d3
HTML (Wert)	:	#ffa500	HTML (Wert)	:	#ba55d3
CSS	:	orange	CSS	:	#ba55d3
CSS (Wert)	:	#ffa500	CSS (Wert)	:	#ba55d3
CSS (kürzest)	:	#ffa500	CSS (kürzest)	:	#ba55d3
CSS (RGB)	:	rgb(255,165,0)	CSS (RGB)	:	rgb(186,85,211)
CSS (%RGB)	:	rgb(100%,64%,0%)	CSS (%RGB)	:	rgb(72%,33%,82%)

Verlauf Hintergrundfarbe orange nach Schriftfarbwert #ba55d3
#ffa500	#f5991e	#eb8e3c	#e1825a	#d77778	#cd6b96	#c360b4	#ba55d3
#ffa500	#f5991e	#eb8e3c	#e1825a	#d77778	#cd6b96	#c360b4	#ba55d3

Kombination von orange und #ba55d3
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #ba55d3 und orange beträgt 90.50%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 9.50%. #ba55d3 ist nicht als Schriftfarbe auf Hintergrund orange geeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbe orange				Schriftfarbwert #ba55d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa500	#ffa500	#ffa500	#ffa500	#ba55d3	#ba55d3	#ba55d3	#ba55d3
#ffb124	#ffb124	#da8d00	#da8d00	#c36dd9	#c36dd9	#9f48b4	#9f48b4
#ffbe48	#ffbe48	#b67500	#b67500	#cd85df	#cd85df	#843c96	#843c96
#ffcb6d	#ffcb6d	#915e00	#915e00	#d79de5	#d79de5	#6a3078	#6a3078
#ffd891	#ffd891	#6d4600	#6d4600	#e1b6ec	#e1b6ec	#4f245a	#4f245a
#ffe5b6	#ffe5b6	#482f00	#482f00	#ebcef2	#ebcef2	#35183c	#35183c
#fff2da	#fff2da	#241700	#241700	#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe orange und Farbwert #ba55d3

Wechsel der Hintergrundfarbe bei Hover mit Befehl input

Die Hintergrundfarbe soll sich von Farbe orange auf Farbwert #ba55d3 ändern, wenn man mit der Maus auf <input> zeigt. Bereiten wir zunächst die Formatierung von <input> in Farbe orange vor.

Wir legen für dieses Beispiel Farbe orange als Hintergrundfarbe von <input> fest und verringern die Schriftgröße auf 99%.

<style type="text/css"><!--
  input { 
    background-color:orange; 
    font-size:99%;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #ba55d3 ändert.

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

Mehr zum Thema input können Sie in Formulare in HTML nachsehen. Weiteres zum hier verwendeten HTML-Befehl <input>.

Füllen und Umranden bei HTML-Tag h6

Eine Überschrift wird mit Befehl <h6> erzeugt. Sie kann farblich gestaltet werden.

In diesem Beispiel umranden wir <h6> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbwert #ba55d3 . Die Hintergrundfarbe für <h6> färben wir mit Farbe orange. Dies geht mit HTML kaum. Deshalb nutzen wir hier CSS zur Formatierung.

<style type="text/css"><!--
  h6 { 
    background-color:orange; 
    border-color:#ba55d3; 
    border-width:2px; 
    border-style:inset;
  }
//-->
</style>

Weiteres zum Thema h6 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Weiteres zum hier gezeigten HTML-Tag h6 finden Sie in der HTML Referenz unter <h6>.