Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f0f8ff und Farbwert #800080

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.

Hintergrundfarbwert #f0f8ff			Schriftfarbwert #800080
Detail	:	Hintergrund #f0f8ff	Detail	:	Schrift #800080
Farbwert	:	#f0f8ff	Farbwert	:	#800080
Farbe	:	aliceblue	Farbe	:	purple
HTML	:	#f0f8ff	HTML	:	#800080
HTML (Wert)	:	#f0f8ff	HTML (Wert)	:	#800080
CSS	:	#f0f8ff	CSS	:	#800080
CSS (Wert)	:	#f0f8ff	CSS (Wert)	:	#800080
CSS (kürzest)	:	#f0f8ff	CSS (kürzest)	:	#800080
CSS (RGB)	:	rgb(240,248,255)	CSS (RGB)	:	rgb(128,0,128)
CSS (%RGB)	:	rgb(94%,97%,100%)	CSS (%RGB)	:	rgb(50%,0%,50%)

Verlauf Hintergrundfarbwert #f0f8ff nach Schriftfarbwert #800080
#f0f8ff	#e0d4ec	#d0b1da	#c08dc8	#b06ab6	#a046a4	#902392	#800080
#f0f8ff	#e0d4ec	#d0b1da	#c08dc8	#b06ab6	#a046a4	#902392	#800080

Kombination von #f0f8ff und #800080
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #800080 und #f0f8ff beträgt 58.19%. Die Lesbarkeit dieser Farbkombination liegt damit bei 41.81%. Auf Hintergrund #f0f8ff ist #800080 ungeeignet. Zwar ist der Helligkeitsunterschied gut, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbwert #f0f8ff				Schriftfarbwert #800080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff	#800080	#800080	#800080	#800080
#f2f9ff	#f2f9ff	#cdd4da	#cdd4da	#922492	#922492	#6d006d	#6d006d
#f4faff	#f4faff	#abb1b6	#abb1b6	#a448a4	#a448a4	#5b005b	#5b005b
#f6fbff	#f6fbff	#898d91	#898d91	#b66db6	#b66db6	#490049	#490049
#f8fcff	#f8fcff	#666a6d	#666a6d	#c891c8	#c891c8	#360036	#360036
#fafdff	#fafdff	#444648	#444648	#dab6da	#dab6da	#240024	#240024
#fcfeff	#fcfeff	#222324	#222324	#ecdaec	#ecdaec	#120012	#120012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f0f8ff und Farbwert #800080

Wechsel der Hintergrundfarbe bei Hover mit Tag del

Die Hintergrundfarbe soll sich von Farbwert #f0f8ff auf Farbwert #800080 ändern, wenn man mit der Maus auf <del> zeigt. Wir bereiten zunächst eine Formatierung von <del> in Farbwert #f0f8ff vor.

Für dieses Beispiel legen wir bei <del> die Hintergrundfarbe auf Farbwert #f0f8ff fest:

<style type="text/css"><!--
  del { 
    background-color:#f0f8ff;
  }
//-->
</style>

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

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

Einzelheiten des hier gezeigten HTML-Befehl <del>.

Text- und Unterstreichungsfarben mit HTML-Tag address

Wir ändern Hher die Textfarbe von <address> auf Farbwert #800080. Die Schriftart setzen wir auf arial. Die Schriftgröße setzen wir auf 81%. Wir unterstreichen den Inhalt von <address> mit Hilfe eines gestrichelten Rahmens mit 4 Pixel Dicke in Farbwert #f0f8ff. Dies ist in HTML kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  address { 
    border-bottom-style:dashed; 
    font-family:arial; 
    font-size:81%; 
    color:#800080; 
    border-bottom-color:#f0f8ff; 
    border-bottom-width:4px;
  }
//-->
</style>

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

Mehr zum Thema finden Sie in Blockorientierte Elemente in HTML. Mehr zum hier verwendeten HTML-Tag <address>.