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

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 #1e90ff
Detail	:	Hintergrund fuchsia	Detail	:	Schrift #1e90ff
Farbe	:	fuchsia	Farbwert	:	#1e90ff
Farbwert	:	#ff00ff	Farbe	:	dodgerblue
HTML	:	fuchsia	HTML	:	#1e90ff
HTML (Wert)	:	#ff00ff	HTML (Wert)	:	#1e90ff
CSS	:	fuchsia	CSS	:	#1e90ff
CSS (Wert)	:	#ff00ff	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#f0f	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(255,0,255)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(100%,0%,100%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbe fuchsia nach Schriftfarbwert #1e90ff
#ff00ff	#de14ff	#be29ff	#9e3dff	#7e52ff	#5e66ff	#3e7bff	#1e90ff
#ff00ff	#de14ff	#be29ff	#9e3dff	#7e52ff	#5e66ff	#3e7bff	#1e90ff

Kombination von fuchsia und #1e90ff
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 id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				#1e90ff ist nicht als Schriftfarbe auf Hintergrund fuchsia geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #1e90ff und fuchsia ergibt sich zu 95.09%. Die Lesbarkeit dieser Kombination liegt damit bei 4.91%.

Hintergrundfarbe fuchsia				Schriftfarbwert #1e90ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff00ff	#ff00ff	#ff00ff	#ff00ff	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#ff24ff	#ff24ff	#da00da	#da00da	#3e9fff	#3e9fff	#197bda	#197bda
#ff48ff	#ff48ff	#b600b6	#b600b6	#5eafff	#5eafff	#1566b6	#1566b6
#ff6dff	#ff6dff	#910091	#910091	#7ebfff	#7ebfff	#115291	#115291
#ff91ff	#ff91ff	#6d006d	#6d006d	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#ffb6ff	#ffb6ff	#480048	#480048	#bedfff	#bedfff	#082948	#082948
#ffdaff	#ffdaff	#240024	#240024	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe fuchsia und Farbwert #1e90ff

Zebra-Effekt mit Befehl th

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit unterschiedlichen Hintergrundfarben Farbe fuchsia und Farbwert #1e90ff.

<style type="text/css"><!--
  th.odd { 
    background-color:fuchsia;
  }
  th.even { 
    background-color:#1e90ff;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr><td class="odd">RA/A</td><td class="even">RB/A</td><td class="odd">RC/A</td></tr>
<tr><td class="odd">RA/B</td><td class="even">RB/B</td><td class="odd">RC/B</td></tr>
<tr><td class="odd">RA/C</td><td class="even">RB/C</td><td class="odd">RC/C</td></tr>
</table>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Zur Beschreibung vom Befehl <th>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl pre

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

Wir legen hier Farbe fuchsia als Hintergrundfarbe von <pre> fest. Die Textfarbe verändern wir nicht. Die Schriftart setzen wir auf courier new:

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

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #1e90ff gesetzt wird.

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

Mehr zum Thema lesen Sie in Blockorientierte Elemente in HTML. Der Tag pre ist in der HTML Referenz bei <pre> zusammengestellt.