Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #db7093 und Farbwert #1e90ff

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 #db7093			Schriftfarbwert #1e90ff
Detail	:	Hintergrund #db7093	Detail	:	Schrift #1e90ff
Farbwert	:	#db7093	Farbwert	:	#1e90ff
Farbe	:	palevioletred	Farbe	:	dodgerblue
HTML	:	#db7093	HTML	:	#1e90ff
HTML (Wert)	:	#db7093	HTML (Wert)	:	#1e90ff
CSS	:	#db7093	CSS	:	#1e90ff
CSS (Wert)	:	#db7093	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#db7093	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(219,112,147)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(85%,43%,57%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbwert #db7093 nach Schriftfarbwert #1e90ff
#db7093	#c074a2	#a579b1	#8a7dc1	#6f82d0	#5486e0	#398bef	#1e90ff
#db7093	#c074a2	#a579b1	#8a7dc1	#6f82d0	#5486e0	#398bef	#1e90ff

Kombination von #db7093 und #1e90ff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#1e90ff ist nicht als Schriftfarbe auf Hintergrund #db7093 geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #1e90ff und #db7093 beträgt 95.05%. Die Lesbarkeit dieser Kombination bewerte ich mit 4.95%.

Hintergrundfarbwert #db7093				Schriftfarbwert #1e90ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#db7093	#db7093	#db7093	#db7093	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#e084a2	#e084a2	#bb607e	#bb607e	#3e9fff	#3e9fff	#197bda	#197bda
#e598b1	#e598b1	#9c5069	#9c5069	#5eafff	#5eafff	#1566b6	#1566b6
#eaadc1	#eaadc1	#7d4054	#7d4054	#7ebfff	#7ebfff	#115291	#115291
#efc1d0	#efc1d0	#5d303f	#5d303f	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#f4d6e0	#f4d6e0	#3e202a	#3e202a	#bedfff	#bedfff	#082948	#082948
#f9eaef	#f9eaef	#1f1015	#1f1015	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #db7093 und Farbwert #1e90ff

Wechsel der Textfarbe bei Hover bei Befehl address

Die Textfarbe soll sich von Farbwert #db7093 auf Farbwert #1e90ff ändern, wenn man mit der Maus auf <address> zeigt. Bereiten wir zunächst die Formatierung von <address> in Farbwert #db7093 vor.

Zum Beispiel legen wir Farbwert #db7093 als Textfarbe von <address> fest und ändern die Schriftgröße auf 13px.

<style type="text/css"><!--
  address { 
    font-size:13px; 
    color:#db7093;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #1e90ff gesetzt wird.

<style type="text/css"><!--
  address: hover { 
    color: #1e90ff;
  }
//-->
</style>

Weiteres zu address lesen Sie in Blockorientierte Elemente in HTML. Der HTML-Befehl address ist in der HTML Referenz bei <address> gezeigt.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag a

Ein Hyperlink wird mit Tag <a> erzeugt. Dieser kann farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbwert #db7093 auf Farbwert #1e90ff ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #db7093 vor.

In diesem Beispiel ändern wir die Hintergrundfarbe von <a> auf Farbwert #db7093. Zwar ändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf courier new.

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

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #1e90ff ändert.

<style type="text/css"><!--
  a:hover { 
    background-color:#1e90ff;
  }
//-->
</style>

Weiteres zum Thema a finden Sie in Verweise und Protokolle in HTML. Mehr zum hier verwendeten Tag a erfahren Sie in der HTML Referenz unter <a>.