Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightblue und Farbwert #fff8dc

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 lightblue			Schriftfarbwert #fff8dc
Detail	:	Hintergrund lightblue	Detail	:	Schrift #fff8dc
Farbe	:	lightblue	Farbwert	:	#fff8dc
Farbwert	:	#add8e6	Farbe	:	cornsilk
HTML	:	lightblue	HTML	:	#fff8dc
HTML (Wert)	:	#add8e6	HTML (Wert)	:	#fff8dc
CSS	:	lightblue	CSS	:	#fff8dc
CSS (Wert)	:	#add8e6	CSS (Wert)	:	#fff8dc
CSS (kürzest)	:	#add8e6	CSS (kürzest)	:	#fff8dc
CSS (RGB)	:	rgb(173,216,230)	CSS (RGB)	:	rgb(255,248,220)
CSS (%RGB)	:	rgb(67%,84%,90%)	CSS (%RGB)	:	rgb(100%,97%,86%)

Verlauf Hintergrundfarbe lightblue nach Schriftfarbwert #fff8dc
#add8e6	#b8dce4	#c4e1e3	#d0e5e1	#dbeae0	#e7eede	#f3f3dd	#fff8dc
#add8e6	#b8dce4	#c4e1e3	#d0e5e1	#dbeae0	#e7eede	#f3f3dd	#fff8dc

Kombination von lightblue und #fff8dc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#fff8dc eignet sich nicht als Schriftfarbe auf Hintergrund lightblue. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit der Farben #fff8dc und lightblue beträgt 93.17%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.83%.

Hintergrundfarbe lightblue				Schriftfarbwert #fff8dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#add8e6	#add8e6	#add8e6	#add8e6	#fff8dc	#fff8dc	#fff8dc	#fff8dc
#b8dde9	#b8dde9	#94b9c5	#94b9c5	#fff9e1	#fff9e1	#dad4bc	#dad4bc
#c4e3ed	#c4e3ed	#7b9aa4	#7b9aa4	#fffae6	#fffae6	#b6b19d	#b6b19d
#d0e8f0	#d0e8f0	#627b83	#627b83	#fffbeb	#fffbeb	#918d7d	#918d7d
#dbeef4	#dbeef4	#4a5c62	#4a5c62	#fffcf0	#fffcf0	#6d6a5e	#6d6a5e
#e7f3f7	#e7f3f7	#313d41	#313d41	#fffdf5	#fffdf5	#48463e	#48463e
#f3f9fb	#f3f9fb	#181e20	#181e20	#fffefa	#fffefa	#24231f	#24231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe lightblue und Farbwert #fff8dc

Wechsel der Textfarbe bei Hover mit HTML-Tag tr

Die Textfarbe soll sich von Farbe lightblue auf Farbwert #fff8dc ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <tr> in Farbe lightblue vor.

In diesem Beispiel legen wir Farbe lightblue als Textfarbe von <tr> fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf monospace und vergrößern die Schriftgröße auf 117%.

<style type="text/css"><!--
  tr { 
    font-family:monospace; 
    font-size:117%; 
    color:lightblue;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #fff8dc ändert.

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

Weiteres zu tr erfahren Sie in Tabellen in HTML. Zur Beschreibung vom hier gezeigten HTML-Befehl <tr>.