Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #8b008b und Farbe dodgerblue

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.

Hintergrundfarbwert #8b008b			Schriftfarbe dodgerblue
Detail	:	Hintergrund #8b008b	Detail	:	Schrift dodgerblue
Farbwert	:	#8b008b	Farbe	:	dodgerblue
Farbe	:	darkmagenta	Farbwert	:	#1e90ff
HTML	:	#8b008b	HTML	:	dodgerblue
HTML (Wert)	:	#8b008b	HTML (Wert)	:	#1e90ff
CSS	:	#8b008b	CSS	:	dodgerblue
CSS (Wert)	:	#8b008b	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#8b008b	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(139,0,139)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(54%,0%,54%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbwert #8b008b nach Schriftfarbe dodgerblue
#8b008b	#7b149b	#6b29ac	#5c3dbc	#4c52cd	#3d66dd	#2d7bee	#1e90ff
#8b008b	#7b149b	#6b29ac	#5c3dbc	#4c52cd	#3d66dd	#2d7bee	#1e90ff

Kombination von #8b008b und dodgerblue
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben dodgerblue und #8b008b ergibt sich zu 87.49%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 12.51%. Auf Hintergrund #8b008b ist dodgerblue ungeeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #8b008b				Schriftfarbe dodgerblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b008b	#8b008b	#8b008b	#8b008b	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#9b249b	#9b249b	#770077	#770077	#3e9fff	#3e9fff	#197bda	#197bda
#ac48ac	#ac48ac	#630063	#630063	#5eafff	#5eafff	#1566b6	#1566b6
#bc6dbc	#bc6dbc	#4f004f	#4f004f	#7ebfff	#7ebfff	#115291	#115291
#cd91cd	#cd91cd	#3b003b	#3b003b	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#ddb6dd	#ddb6dd	#270027	#270027	#bedfff	#bedfff	#082948	#082948
#eedaee	#eedaee	#130013	#130013	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8b008b und Farbe dodgerblue

Text- und Unterstreichungsfarben mit Tag caption

Wir ändern Hher die Textfarbe von <caption> auf Farbe dodgerblue. Die Schriftart setzen wir auf arial. Die Schriftgröße vergrößern wir auf 129%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines herausstehenden Rahmens mit 5 Pixel Dicke in Farbwert #8b008b. Das geht in HTML kaum. Deshalb nutzen wir hierfür CSS.

<style type="text/css"><!--
  caption { 
    font-family: arial; 
    color: dodgerblue; 
    border-bottom: 5px outset #8b008b; 
    font-size: 129%;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu caption erfahren Sie in Tabellen in HTML. Mehr zum HTML-Befehl caption lesen Sie in der HTML Referenz unter <caption>.

Wechsel der Textfarbe bei Hover mit Tag form

Die Textfarbe soll sich von Farbwert #8b008b auf Farbe dodgerblue ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <form> in Farbwert #8b008b vor.

Wir ändern zum Beispiel die Textfarbe von <form> auf Farbwert #8b008b.

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

Jetzt fordern wir, dass sich bei Hover die Textfarbe auf dodgerblue ändert.

<style type="text/css"><!--
  form:hover { 
    color:dodgerblue;
  }
//-->
</style>

Weiteres zu form lesen Sie in Formulare in HTML. Zur Beschreibung des hier genutzten HTML-Befehl <form>.