Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #e6e6fa und Farbe whitesmoke

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 #e6e6fa			Schriftfarbe whitesmoke
Detail	:	Hintergrund #e6e6fa	Detail	:	Schrift whitesmoke
Farbwert	:	#e6e6fa	Farbe	:	whitesmoke
Farbe	:	lavender	Farbwert	:	#f5f5f5
HTML	:	#e6e6fa	HTML	:	whitesmoke
HTML (Wert)	:	#e6e6fa	HTML (Wert)	:	#f5f5f5
CSS	:	#e6e6fa	CSS	:	whitesmoke
CSS (Wert)	:	#e6e6fa	CSS (Wert)	:	#f5f5f5
CSS (kürzest)	:	#e6e6fa	CSS (kürzest)	:	#f5f5f5
CSS (RGB)	:	rgb(230,230,250)	CSS (RGB)	:	rgb(245,245,245)
CSS (%RGB)	:	rgb(90%,90%,98%)	CSS (%RGB)	:	rgb(96%,96%,96%)

Verlauf Hintergrundfarbwert #e6e6fa nach Schriftfarbe whitesmoke
#e6e6fa	#e8e8f9	#eaeaf8	#ececf7	#eeeef7	#f0f0f6	#f2f2f5	#f5f5f5
#e6e6fa	#e8e8f9	#eaeaf8	#ececf7	#eeeef7	#f0f0f6	#f2f2f5	#f5f5f5

Kombination von #e6e6fa und whitesmoke
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.				Die Ähnlichkeit der Farben whitesmoke und #e6e6fa ergibt sich zu 94.62%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.38%. whitesmoke eignet sich nicht als Schriftfarbe auf Hintergrund #e6e6fa, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbwert #e6e6fa				Schriftfarbe whitesmoke
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e6e6fa	#e6e6fa	#e6e6fa	#e6e6fa	#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5
#e9e9fa	#e9e9fa	#c5c5d6	#c5c5d6	#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2
#ededfb	#ededfb	#a4a4b2	#a4a4b2	#f7f7f7	#f7f7f7	#afafaf	#afafaf
#f0f0fc	#f0f0fc	#83838e	#83838e	#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c
#f4f4fc	#f4f4fc	#62626b	#62626b	#fafafa	#fafafa	#696969	#696969
#f7f7fd	#f7f7fd	#414147	#414147	#fcfcfc	#fcfcfc	#464646	#464646
#fbfbfe	#fbfbfe	#202023	#202023	#fdfdfd	#fdfdfd	#232323	#232323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e6e6fa und Farbe whitesmoke

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl dd

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

Hier legen wir Farbwert #e6e6fa als Hintergrundfarbe von <dd> fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf arial. Die Größe der Schrift vergrößern wir auf 128%.

<style type="text/css"><!--
  dd { 
    font-size: 128%; 
    background-color: #e6e6fa; 
    font-family: arial;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf whitesmoke gesetzt wird.

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

Mehr zu dd lesen Sie in Listen und Glossare in HTML. Weiteres zum HTML-Tag <dd>.

Füllen und Umranden bei HTML-Tag tfoot

In diesem Beispiel umranden wir <tfoot> mit einem . Die Hintergrundfarbe für <tfoot> färben wir mit Farbwert #e6e6fa. Dies ist mit HTML kaum möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  tfoot { border:2px outset whitesmoke; background-color:#e6e6fa; }
//-->
</style>

Weiteres zu tfoot können Sie in Tabellen in HTML nachlesen. Die Beschreibung des hier gezeigten HTML-Tag tfoot finden Sie in der HTML Referenz unter <tfoot>.