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

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.

Hintergrundfarbe whitesmoke			Schriftfarbwert #7b68ee
Detail	:	Hintergrund whitesmoke	Detail	:	Schrift #7b68ee
Farbe	:	whitesmoke	Farbwert	:	#7b68ee
Farbwert	:	#f5f5f5	Farbe	:	mediumslateblue
HTML	:	whitesmoke	HTML	:	#7b68ee
HTML (Wert)	:	#f5f5f5	HTML (Wert)	:	#7b68ee
CSS	:	whitesmoke	CSS	:	#7b68ee
CSS (Wert)	:	#f5f5f5	CSS (Wert)	:	#7b68ee
CSS (kürzest)	:	#f5f5f5	CSS (kürzest)	:	#7b68ee
CSS (RGB)	:	rgb(245,245,245)	CSS (RGB)	:	rgb(123,104,238)
CSS (%RGB)	:	rgb(96%,96%,96%)	CSS (%RGB)	:	rgb(48%,40%,93%)

Verlauf Hintergrundfarbe whitesmoke nach Schriftfarbwert #7b68ee
#f5f5f5	#e3e0f4	#d2ccf3	#c0b8f2	#afa4f1	#9d90f0	#8c7cef	#7b68ee
#f5f5f5	#e3e0f4	#d2ccf3	#c0b8f2	#afa4f1	#9d90f0	#8c7cef	#7b68ee

Kombination von whitesmoke und #7b68ee
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund whitesmoke ist #7b68ee ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit der Farben #7b68ee und whitesmoke ergibt sich zu 81.86%. Die Lesbarkeit dieser Kombination ergibt sich zu 18.14%.

Hintergrundfarbe whitesmoke				Schriftfarbwert #7b68ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5	#7b68ee	#7b68ee	#7b68ee	#7b68ee
#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2	#8d7df0	#8d7df0	#6959cc	#6959cc
#f7f7f7	#f7f7f7	#afafaf	#afafaf	#a093f2	#a093f2	#574aaa	#574aaa
#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c	#b3a8f5	#b3a8f5	#463b88	#463b88
#fafafa	#fafafa	#696969	#696969	#c6bef7	#c6bef7	#342c66	#342c66
#fcfcfc	#fcfcfc	#464646	#464646	#d9d3fa	#d9d3fa	#231d44	#231d44
#fdfdfd	#fdfdfd	#232323	#232323	#ece9fc	#ece9fc	#110e22	#110e22
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe whitesmoke und Farbwert #7b68ee

Text- und Unterstreichungsfarben bei HTML-Tag a

Mit Befehl <a> erzeugen Sie einen Verweis. Diesen kann man farblich gestalten und hervorheben.

Hier ändern wir die Textfarbe von <a> auf Farbwert #7b68ee. Die Schriftart ändern wir auf verdana und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gefurchten Rahmens mit 5 Punkte Dicke in Farbe whitesmoke. Dies geht mit HTML nicht. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    font-family:verdana; 
    border-bottom:5pt groove whitesmoke; 
    color:#7b68ee; 
    font-size:13px;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML finden. Möglichkeiten des hier verwendeten HTML-Befehl <a>.

Wechsel der Textfarbe bei Hover von HTML-Befehl h4

Mit Befehl <h4> setzen Sie eine Überschrift der 4. Stufe. Diese kann hervorgehoben und farblich gestaltet werden.

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

Wir legen für dieses Beispiel Farbe whitesmoke als Textfarbe von <h4> fest:

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

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

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

Weiteres zu h4 lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum HTML-Tag <h4>.