Ressourcen: 137 HTML Farbnamen - Kombination von Farbe fuchsia und Farbwert #191970

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.

Hintergrundfarbe fuchsia			Schriftfarbwert #191970
Detail	:	Hintergrund fuchsia	Detail	:	Schrift #191970
Farbe	:	fuchsia	Farbwert	:	#191970
Farbwert	:	#ff00ff	Farbe	:	midnightblue
HTML	:	fuchsia	HTML	:	#191970
HTML (Wert)	:	#ff00ff	HTML (Wert)	:	#191970
CSS	:	fuchsia	CSS	:	#191970
CSS (Wert)	:	#ff00ff	CSS (Wert)	:	#191970
CSS (kürzest)	:	#f0f	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(255,0,255)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(100%,0%,100%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbe fuchsia nach Schriftfarbwert #191970
#ff00ff	#de03ea	#bd07d6	#9c0ac1	#7b0ead	#5a1198	#391584	#191970
#ff00ff	#de03ea	#bd07d6	#9c0ac1	#7b0ead	#5a1198	#391584	#191970

Kombination von fuchsia und #191970
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#191970 eignet sich nicht als Schriftfarbe auf Hintergrund fuchsia. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von #191970 und fuchsia beträgt 77.46%. Die Lesbarkeit dieser Farbkombination liegt damit bei 22.54%.

Hintergrundfarbe fuchsia				Schriftfarbwert #191970
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff00ff	#ff00ff	#ff00ff	#ff00ff	#191970	#191970	#191970	#191970
#ff24ff	#ff24ff	#da00da	#da00da	#393984	#393984	#151560	#151560
#ff48ff	#ff48ff	#b600b6	#b600b6	#5a5a98	#5a5a98	#111150	#111150
#ff6dff	#ff6dff	#910091	#910091	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#ff91ff	#ff91ff	#6d006d	#6d006d	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#ffb6ff	#ffb6ff	#480048	#480048	#bdbdd6	#bdbdd6	#070720	#070720
#ffdaff	#ffdaff	#240024	#240024	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe fuchsia und Farbwert #191970

Wechsel der Umrandung bei Hover von Befehl del

Die Rahmenfarbe soll sich von Farbe fuchsia auf Farbwert #191970 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <del> in Farbe fuchsia vor.

In diesem Beispiel umranden wir <del> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbe fuchsia.

<style type="text/css"><!--
  del { 
    border-color: fuchsia; 
    border-width: 2px; 
    border-style: groove;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #191970 ändert.

<style type="text/css"><!--
  del: hover { 
    border-color: #191970;
  }
//-->
</style>

Die Beschreibung des HTML-Befehl del lesen Sie in der HTML Referenz unter <del>.

Wechsel der Textfarbe bei Hover bei Tag dfn

Die Textfarbe soll sich von Farbe fuchsia auf Farbwert #191970 ändern, wenn man mit der Maus auf <dfn> zeigt. Wir bereiten zunächst eine Darstellung von <dfn> in Farbe fuchsia vor.

Z.B. legen wir Farbe fuchsia als Textfarbe von <dfn> fest.

<style type="text/css"><!--
  dfn { 
    color: fuchsia;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #191970 gesetzt wird.

<style type="text/css"><!--
  dfn:hover { 
    color:#191970;
  }
//-->
</style>

Weiteres zum Thema dfn können Sie in Text in HTML nachsehen. Weiteres zum HTML-Tag dfn lesen Sie in der HTML Referenz unter <dfn>.