Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #0000ff und Farbwert #9400d3

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

Verlauf Hintergrundfarbwert #0000ff nach Schriftfarbwert #9400d3
#0000ff	#1500f8	#2a00f2	#3f00ec	#5400e5	#6900df	#7e00d9	#9400d3
#0000ff	#1500f8	#2a00f2	#3f00ec	#5400e5	#6900df	#7e00d9	#9400d3

Kombination von #0000ff und #9400d3
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #9400d3 und #0000ff beträgt 93.77%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.23%. Auf Hintergrund #0000ff ist #9400d3 ungeeignet, weil die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #0000ff				Schriftfarbwert #9400d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000ff	#0000ff	#0000ff	#0000ff	#9400d3	#9400d3	#9400d3	#9400d3
#2424ff	#2424ff	#0000da	#0000da	#a324d9	#a324d9	#7e00b4	#7e00b4
#4848ff	#4848ff	#0000b6	#0000b6	#b248df	#b248df	#690096	#690096
#6d6dff	#6d6dff	#000091	#000091	#c16de5	#c16de5	#540078	#540078
#9191ff	#9191ff	#00006d	#00006d	#d191ec	#d191ec	#3f005a	#3f005a
#b6b6ff	#b6b6ff	#000048	#000048	#e0b6f2	#e0b6f2	#2a003c	#2a003c
#dadaff	#dadaff	#000024	#000024	#efdaf8	#efdaf8	#15001e	#15001e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #0000ff und Farbwert #9400d3

Wechsel der Hintergrundfarbe bei Hover bei Tag th

Die Hintergrundfarbe soll sich von Farbwert #0000ff auf Farbwert #9400d3 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <th> in Farbwert #0000ff vor.

Wir legen als Beispiel bei <th> die Hintergrundfarbe auf Farbwert #0000ff fest.

<style type="text/css"><!--
  th { 
    background-color: #0000ff;
  }
//-->
</style>

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

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

Weiteres zum Thema th finden Sie in Tabellen in HTML. Einzelheiten vom hier verwendeten Tag <th>.

Wechsel der Textfarbe bei Hover mit Befehl li

Die Textfarbe soll sich von Farbwert #0000ff auf Farbwert #9400d3 ändern, wenn man mit der Maus auf <li> zeigt. Bereiten wir zunächst eine Darstellung von <li> in Farbwert #0000ff vor.

Hier setzen wir bei <li> die Textfarbe auf Farbwert #0000ff:

<style type="text/css"><!--
  li { 
    color: #00f;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #9400d3 ändert.

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

Weiteres zum Thema li können Sie in Listen und Glossare in HTML lesen. Möglichkeiten vom HTML-Befehl li finden Sie in der HTML Referenz unter <li>.