Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #add8e6 und Farbe whitesmoke

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbwert #add8e6			Schriftfarbe whitesmoke
Detail	:	Hintergrund #add8e6	Detail	:	Schrift whitesmoke
Farbwert	:	#add8e6	Farbe	:	whitesmoke
Farbe	:	lightblue	Farbwert	:	#f5f5f5
HTML	:	#add8e6	HTML	:	whitesmoke
HTML (Wert)	:	#add8e6	HTML (Wert)	:	#f5f5f5
CSS	:	#add8e6	CSS	:	whitesmoke
CSS (Wert)	:	#add8e6	CSS (Wert)	:	#f5f5f5
CSS (kürzest)	:	#add8e6	CSS (kürzest)	:	#f5f5f5
CSS (RGB)	:	rgb(173,216,230)	CSS (RGB)	:	rgb(245,245,245)
CSS (%RGB)	:	rgb(67%,84%,90%)	CSS (%RGB)	:	rgb(96%,96%,96%)

Verlauf Hintergrundfarbwert #add8e6 nach Schriftfarbe whitesmoke
#add8e6	#b7dce8	#c1e0ea	#cbe4ec	#d6e8ee	#e0ecf0	#eaf0f2	#f5f5f5
#add8e6	#b7dce8	#c1e0ea	#cbe4ec	#d6e8ee	#e0ecf0	#eaf0f2	#f5f5f5

Kombination von #add8e6 und whitesmoke
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben whitesmoke und #add8e6 ergibt sich zu 93.33%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.67%. Auf Hintergrund #add8e6 ist whitesmoke ungeeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #add8e6				Schriftfarbe whitesmoke
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#add8e6	#add8e6	#add8e6	#add8e6	#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5
#b8dde9	#b8dde9	#94b9c5	#94b9c5	#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2
#c4e3ed	#c4e3ed	#7b9aa4	#7b9aa4	#f7f7f7	#f7f7f7	#afafaf	#afafaf
#d0e8f0	#d0e8f0	#627b83	#627b83	#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c
#dbeef4	#dbeef4	#4a5c62	#4a5c62	#fafafa	#fafafa	#696969	#696969
#e7f3f7	#e7f3f7	#313d41	#313d41	#fcfcfc	#fcfcfc	#464646	#464646
#f3f9fb	#f3f9fb	#181e20	#181e20	#fdfdfd	#fdfdfd	#232323	#232323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #add8e6 und Farbe whitesmoke

Wechsel der Textfarbe bei Hover mit Befehl a

Mit HTML-Tag <a> setzen Sie einen Hyperlink. Dieser kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbwert #add8e6 auf Farbe whitesmoke ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <a> in Farbwert #add8e6 vor.

Als Beispiel setzen wir bei <a> die Textfarbe auf Farbwert #add8e6. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf courier new:

<style type="text/css"><!--
  a { 
    color:#add8e6; 
    font-family:courier new;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf whitesmoke geändert wird.

<style type="text/css"><!--
  a:hover { 
    color:whitesmoke;
  }
//-->
</style>

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML nachlesen. Möglichkeiten des hier genutzten HTML-Befehl a sind in der HTML Referenz bei <a> ausführlich gezeigt.

Wechsel der Hintergrundfarbe bei Hover bei Tag th

Die Hintergrundfarbe soll sich von Farbwert #add8e6 auf Farbe whitesmoke ändern, wenn man mit der Maus auf <th> zeigt. Bereiten wir zunächst eine Formatierung von <th> in Farbwert #add8e6 vor.

Hier setzen wir die Hintergrundfarbe von <th> auf Farbwert #add8e6. Zwar verändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf verdana und ändern die Größe der Schrift auf 9pt:

<style type="text/css"><!--
  th { 
    font-size:9pt; 
    background-color:#add8e6; 
    font-family:verdana;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu whitesmoke ändert.

<style type="text/css"><!--
  th:hover { 
    background-color:whitesmoke;
  }
//-->
</style>

Weiteres zu th lesen Sie in Tabellen in HTML. Möglichkeiten vom HTML-Befehl <th>.