Ressourcen: 120 HTML Farbnamen - Kombination von Farbe dodgerblue und Farbwert #2f4f4f

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 dodgerblue			Schriftfarbwert #2f4f4f
Detail	:	Hintergrund dodgerblue	Detail	:	Schrift #2f4f4f
Farbe	:	dodgerblue	Farbwert	:	#2f4f4f
Farbwert	:	#1e90ff	Farbe	:	darkslategray
HTML	:	dodgerblue	HTML	:	#2f4f4f
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#2f4f4f
CSS	:	dodgerblue	CSS	:	#2f4f4f
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#2f4f4f
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#2f4f4f
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(47,79,79)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(18%,30%,30%)

Verlauf Hintergrundfarbe dodgerblue nach Schriftfarbwert #2f4f4f
#1e90ff	#2086e5	#227dcc	#2574b3	#276a9a	#2a6181	#2c5868	#2f4f4f
#1e90ff	#2086e5	#227dcc	#2574b3	#276a9a	#2a6181	#2c5868	#2f4f4f

Kombination von dodgerblue und #2f4f4f
Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #2f4f4f und dodgerblue ergibt sich zu 86.86%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 13.14%. #2f4f4f eignet sich nicht als Schriftfarbe auf Hintergrund dodgerblue. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe dodgerblue				Schriftfarbwert #2f4f4f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f
#3e9fff	#3e9fff	#197bda	#197bda	#4c6868	#4c6868	#284343	#284343
#5eafff	#5eafff	#1566b6	#1566b6	#6a8181	#6a8181	#213838	#213838
#7ebfff	#7ebfff	#115291	#115291	#889a9a	#889a9a	#1a2d2d	#1a2d2d
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#a5b3b3	#a5b3b3	#142121	#142121
#bedfff	#bedfff	#082948	#082948	#c3cccc	#c3cccc	#0d1616	#0d1616
#deefff	#deefff	#041424	#041424	#e1e5e5	#e1e5e5	#060b0b	#060b0b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe dodgerblue und Farbwert #2f4f4f

Wechsel der Textfarbe bei Hover von Befehl a

Mit HTML-Tag <a> wird ein Hyperlink erzeugt. Er kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbe dodgerblue auf Farbwert #2f4f4f ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst eine Formatierung von <a> in Farbe dodgerblue vor.

Wir legen hier Farbe dodgerblue als Textfarbe von <a> fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart ändern wir auf courier new:

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

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #2f4f4f ändert.

<style type="text/css"><!--
  a: hover { 
    color: #2f4f4f;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Zur Beschreibung vom hier verwendeten HTML-Tag <a>.