Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lavenderblush und Farbwert #7b68ee

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 lavenderblush			Schriftfarbwert #7b68ee
Detail	:	Hintergrund lavenderblush	Detail	:	Schrift #7b68ee
Farbe	:	lavenderblush	Farbwert	:	#7b68ee
Farbwert	:	#fff0f5	Farbe	:	mediumslateblue
HTML	:	lavenderblush	HTML	:	#7b68ee
HTML (Wert)	:	#fff0f5	HTML (Wert)	:	#7b68ee
CSS	:	lavenderblush	CSS	:	#7b68ee
CSS (Wert)	:	#fff0f5	CSS (Wert)	:	#7b68ee
CSS (kürzest)	:	#fff0f5	CSS (kürzest)	:	#7b68ee
CSS (RGB)	:	rgb(255,240,245)	CSS (RGB)	:	rgb(123,104,238)
CSS (%RGB)	:	rgb(100%,94%,96%)	CSS (%RGB)	:	rgb(48%,40%,93%)

Verlauf Hintergrundfarbe lavenderblush nach Schriftfarbwert #7b68ee
#fff0f5	#ecdcf4	#d9c9f3	#c6b5f2	#b3a2f1	#a08ef0	#8d7bef	#7b68ee
#fff0f5	#ecdcf4	#d9c9f3	#c6b5f2	#b3a2f1	#a08ef0	#8d7bef	#7b68ee

Kombination von lavenderblush und #7b68ee
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#7b68ee ist nicht als Schriftfarbe auf Hintergrund lavenderblush geeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #7b68ee und lavenderblush beträgt 82.08%. Die Lesbarkeit dieser Kombination liegt damit bei 17.92%.

Hintergrundfarbe lavenderblush				Schriftfarbwert #7b68ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff0f5	#fff0f5	#fff0f5	#fff0f5	#7b68ee	#7b68ee	#7b68ee	#7b68ee
#fff2f6	#fff2f6	#dacdd2	#dacdd2	#8d7df0	#8d7df0	#6959cc	#6959cc
#fff4f7	#fff4f7	#b6abaf	#b6abaf	#a093f2	#a093f2	#574aaa	#574aaa
#fff6f9	#fff6f9	#91898c	#91898c	#b3a8f5	#b3a8f5	#463b88	#463b88
#fff8fa	#fff8fa	#6d6669	#6d6669	#c6bef7	#c6bef7	#342c66	#342c66
#fffafc	#fffafc	#484446	#484446	#d9d3fa	#d9d3fa	#231d44	#231d44
#fffcfd	#fffcfd	#242223	#242223	#ece9fc	#ece9fc	#110e22	#110e22
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lavenderblush und Farbwert #7b68ee

Zebra-Effekt mit Befehl tr

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit den Hintergrundfarben Farbe lavenderblush und Farbwert #7b68ee.

<style type="text/css"><!--
  tr.odd { 
    background-color: lavenderblush;
  }
  tr.even { 
    background-color: #7b68ee;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr class="odd"><td>HA,A</td><td>HB,A</td><td>HC,A</td></tr>
<tr class="even"><td>HA,B</td><td>HB,B</td><td>HC,B</td></tr>
<tr class="odd"><td>HA,C</td><td>HB,C</td><td>HC,C</td></tr>
</table>

Mehr zum Thema finden Sie in Tabellen in HTML. Weiteres zum Befehl <tr>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag center

Die Hintergrundfarbe soll sich von Farbe lavenderblush auf Farbwert #7b68ee ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <center> in Farbe lavenderblush vor.

Z.B. legen wir Farbe lavenderblush als Hintergrundfarbe von <center> fest. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf sans-serif:

<style type="text/css"><!--
  center { 
    font-family:sans-serif; 
    background-color:lavenderblush;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #7b68ee ändert.

<style type="text/css"><!--
  center: hover { 
    background-color: #7b68ee;
  }
//-->
</style>

Weiteres zu center erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier genutzten Tag center erfahren Sie in der HTML Referenz unter <center>.