Ressourcen: 137 HTML Farbnamen - Kombination von Farbe whitesmoke 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 whitesmoke			Schriftfarbwert #1e90ff
Detail	:	Hintergrund whitesmoke	Detail	:	Schrift #1e90ff
Farbe	:	whitesmoke	Farbwert	:	#1e90ff
Farbwert	:	#f5f5f5	Farbe	:	dodgerblue
HTML	:	whitesmoke	HTML	:	#1e90ff
HTML (Wert)	:	#f5f5f5	HTML (Wert)	:	#1e90ff
CSS	:	whitesmoke	CSS	:	#1e90ff
CSS (Wert)	:	#f5f5f5	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#f5f5f5	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(245,245,245)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(96%,96%,96%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbe whitesmoke nach Schriftfarbwert #1e90ff
#f5f5f5	#d6e6f6	#b7d8f7	#98c9f9	#7abbfa	#5bacfc	#3c9efd	#1e90ff
#f5f5f5	#d6e6f6	#b7d8f7	#98c9f9	#7abbfa	#5bacfc	#3c9efd	#1e90ff

Kombination von whitesmoke und #1e90ff
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#1e90ff eignet sich nicht als Schriftfarbe auf Hintergrund whitesmoke, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #1e90ff und whitesmoke beträgt 85.86%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 14.14%.

Hintergrundfarbe whitesmoke				Schriftfarbwert #1e90ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2	#3e9fff	#3e9fff	#197bda	#197bda
#f7f7f7	#f7f7f7	#afafaf	#afafaf	#5eafff	#5eafff	#1566b6	#1566b6
#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c	#7ebfff	#7ebfff	#115291	#115291
#fafafa	#fafafa	#696969	#696969	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#fcfcfc	#fcfcfc	#464646	#464646	#bedfff	#bedfff	#082948	#082948
#fdfdfd	#fdfdfd	#232323	#232323	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe whitesmoke und Farbwert #1e90ff

Wechsel der Textfarbe bei Hover von Befehl fieldset

Die Textfarbe soll sich von Farbe whitesmoke auf Farbwert #1e90ff ändern, wenn man mit der Maus auf <fieldset> zeigt. Wir bereiten zunächst eine Darstellung von <fieldset> in Farbe whitesmoke vor.

Wir legen hier Farbe whitesmoke als Textfarbe von <fieldset> fest.

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

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #1e90ff geändert wird.

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

Mehr zu fieldset finden Sie in Formulare in HTML. Mehr zum hier gezeigten Befehl fieldset lesen Sie in der HTML Referenz unter <fieldset>.

Zebra-Effekt bei Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <td> mit unterschiedlichen Hintergrundfarben Farbe whitesmoke und Farbwert #1e90ff.

<style type="text/css"><!--
  td.ger { 
    background-color: whitesmoke;
  }
  td.ung { 
    background-color: #1e90ff;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="ger">QA.A</td><td class="ung">QB.A</td><td class="ger">QC.A</td></tr>
<tr><td class="ger">QA.B</td><td class="ung">QB.B</td><td class="ger">QC.B</td></tr>
<tr><td class="ger">QA.C</td><td class="ung">QB.C</td><td class="ger">QC.C</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML finden. Die Beschreibung des Befehl td lesen Sie in der HTML Referenz unter <td>.