Ressourcen: 120 HTML Farbnamen - Kombination von Farbe midnightblue und Farbwert #ba55d3

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 midnightblue			Schriftfarbwert #ba55d3
Detail	:	Hintergrund midnightblue	Detail	:	Schrift #ba55d3
Farbe	:	midnightblue	Farbwert	:	#ba55d3
Farbwert	:	#191970	Farbe	:	mediumorchid
HTML	:	midnightblue	HTML	:	#ba55d3
HTML (Wert)	:	#191970	HTML (Wert)	:	#ba55d3
CSS	:	midnightblue	CSS	:	#ba55d3
CSS (Wert)	:	#191970	CSS (Wert)	:	#ba55d3
CSS (kürzest)	:	#191970	CSS (kürzest)	:	#ba55d3
CSS (RGB)	:	rgb(25,25,112)	CSS (RGB)	:	rgb(186,85,211)
CSS (%RGB)	:	rgb(9%,9%,43%)	CSS (%RGB)	:	rgb(72%,33%,82%)

Verlauf Hintergrundfarbe midnightblue nach Schriftfarbwert #ba55d3
#191970	#30217e	#472a8c	#5e329a	#753ba8	#8c43b6	#a34cc4	#ba55d3
#191970	#30217e	#472a8c	#5e329a	#753ba8	#8c43b6	#a34cc4	#ba55d3

Kombination von midnightblue und #ba55d3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #ba55d3 und midnightblue beträgt 82.06%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 17.94%. #ba55d3 eignet sich nicht als Schriftfarbe auf Hintergrund midnightblue, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbe midnightblue				Schriftfarbwert #ba55d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#191970	#191970	#191970	#191970	#ba55d3	#ba55d3	#ba55d3	#ba55d3
#393984	#393984	#151560	#151560	#c36dd9	#c36dd9	#9f48b4	#9f48b4
#5a5a98	#5a5a98	#111150	#111150	#cd85df	#cd85df	#843c96	#843c96
#7b7bad	#7b7bad	#0e0e40	#0e0e40	#d79de5	#d79de5	#6a3078	#6a3078
#9c9cc1	#9c9cc1	#0a0a30	#0a0a30	#e1b6ec	#e1b6ec	#4f245a	#4f245a
#bdbdd6	#bdbdd6	#070720	#070720	#ebcef2	#ebcef2	#35183c	#35183c
#dedeea	#dedeea	#030310	#030310	#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe midnightblue und Farbwert #ba55d3

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl input

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

Als Beispiel legen wir bei <input> die Hintergrundfarbe auf Farbe midnightblue fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  input { 
    background-color: midnightblue; 
    font-family: courier new;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #ba55d3 ändert.

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

Mehr zu input lesen Sie in Formulare in HTML. Einzelheiten des hier genutzten Befehl input lesen Sie in der HTML Referenz unter <input>.

Hintergrund/Text-Kombination bei Tag blockquote

Hier ändern wir die Textfarbe von <blockquote> auf Farbwert #ba55d3 und die Hintergrundfarbe von <blockquote> auf Farbe midnightblue. Die Schriftart ändern wir auf monospace und setzen die Schriftgröße auf 123%.

<style type="text/css"><!--
  blockquote { 
    font-family: monospace; 
    color: #ba55d3; 
    font-size: 123%; 
    background-color: midnightblue;
  }
//-->
</style>

Mehr zum Thema blockquote können Sie in Blockorientierte Elemente in HTML erfahren. Möglichkeiten des Tag blockquote sind in der HTML Referenz unter <blockquote> genau beschrieben.