Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightyellow und Farbwert #ff00ff

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 lightyellow			Schriftfarbwert #ff00ff
Detail	:	Hintergrund lightyellow	Detail	:	Schrift #ff00ff
Farbe	:	lightyellow	Farbwert	:	#ff00ff
Farbwert	:	#ffffe0	Farbe	:	fuchsia
HTML	:	lightyellow	HTML	:	#ff00ff
HTML (Wert)	:	#ffffe0	HTML (Wert)	:	#ff00ff
CSS	:	lightyellow	CSS	:	#ff00ff
CSS (Wert)	:	#ffffe0	CSS (Wert)	:	#ff00ff
CSS (kürzest)	:	#ffffe0	CSS (kürzest)	:	#f0f
CSS (RGB)	:	rgb(255,255,224)	CSS (RGB)	:	rgb(255,0,255)
CSS (%RGB)	:	rgb(100%,100%,87%)	CSS (%RGB)	:	rgb(100%,0%,100%)

Verlauf Hintergrundfarbe lightyellow nach Schriftfarbwert #ff00ff
#ffffe0	#ffdae4	#ffb6e8	#ff91ed	#ff6df1	#ff48f6	#ff24fa	#ff00ff
#ffffe0	#ffdae4	#ffb6e8	#ff91ed	#ff6df1	#ff48f6	#ff24fa	#ff00ff

Kombination von lightyellow und #ff00ff
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ff00ff ist nicht als Schriftfarbe auf Hintergrund lightyellow geeignet, weil die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #ff00ff und lightyellow beträgt 85.33%. Die Lesbarkeit dieser Farbkombination liegt damit bei 14.67%.

Hintergrundfarbe lightyellow				Schriftfarbwert #ff00ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffe0	#ffffe0	#ffffe0	#ffffe0	#ff00ff	#ff00ff	#ff00ff	#ff00ff
#ffffe4	#ffffe4	#dadac0	#dadac0	#ff24ff	#ff24ff	#da00da	#da00da
#ffffe8	#ffffe8	#b6b6a0	#b6b6a0	#ff48ff	#ff48ff	#b600b6	#b600b6
#ffffed	#ffffed	#919180	#919180	#ff6dff	#ff6dff	#910091	#910091
#fffff1	#fffff1	#6d6d60	#6d6d60	#ff91ff	#ff91ff	#6d006d	#6d006d
#fffff6	#fffff6	#484840	#484840	#ffb6ff	#ffb6ff	#480048	#480048
#fffffa	#fffffa	#242420	#242420	#ffdaff	#ffdaff	#240024	#240024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightyellow und Farbwert #ff00ff

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl address

Die Hintergrundfarbe soll sich von Farbe lightyellow auf Farbwert #ff00ff ändern, wenn man mit der Maus auf <address> zeigt. Wir bereiten zunächst eine Darstellung von <address> in Farbe lightyellow vor.

Z.B. legen wir bei <address> die Hintergrundfarbe auf Farbe lightyellow fest. Zwar verändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf arial.

<style type="text/css"><!--
  address { 
    background-color:lightyellow; 
    font-family:arial;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #ff00ff ändert.

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

Weiteres zum Thema address können Sie in Blockorientierte Elemente in HTML lesen. Weiteres zum hier genutzten Tag address ist in der HTML Referenz unter <address> ausführlich beschrieben.

Text- und Unterstreichungsfarben bei Tag acronym

Wir ändern für dieses Beispiel die Textfarbe von <acronym> auf Farbwert #ff00ff. Die Schriftart setzen wir auf sans-serif und ändern die Schriftgröße auf 12px. Wir unterstreichen den Inhalt von <acronym> mit Hilfe eines herausstehenden Rahmens mit 5 Pixel Dicke in Farbe lightyellow. Dies geht mit HTML nicht. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  acronym { 
    border-bottom-color:lightyellow; 
    border-bottom-style:outset; 
    border-bottom-width:5px; 
    color:#ff00ff; 
    font-size:12px; 
    font-family:sans-serif;
  }
//-->
</style>

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

Möglichkeiten des Befehl acronym erfahren Sie in der HTML Referenz unter <acronym>.