Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lavender und Farbwert #3cb371

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 lavender			Schriftfarbwert #3cb371
Detail	:	Hintergrund lavender	Detail	:	Schrift #3cb371
Farbe	:	lavender	Farbwert	:	#3cb371
Farbwert	:	#e6e6fa	Farbe	:	mediumseagreen
HTML	:	lavender	HTML	:	#3cb371
HTML (Wert)	:	#e6e6fa	HTML (Wert)	:	#3cb371
CSS	:	lavender	CSS	:	#3cb371
CSS (Wert)	:	#e6e6fa	CSS (Wert)	:	#3cb371
CSS (kürzest)	:	#e6e6fa	CSS (kürzest)	:	#3cb371
CSS (RGB)	:	rgb(230,230,250)	CSS (RGB)	:	rgb(60,179,113)
CSS (%RGB)	:	rgb(90%,90%,98%)	CSS (%RGB)	:	rgb(23%,70%,44%)

Verlauf Hintergrundfarbe lavender nach Schriftfarbwert #3cb371
#e6e6fa	#cddee6	#b5d7d2	#9dd0bf	#84c8ab	#6cc198	#54ba84	#3cb371
#e6e6fa	#cddee6	#b5d7d2	#9dd0bf	#84c8ab	#6cc198	#54ba84	#3cb371

Kombination von lavender und #3cb371
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #3cb371 und lavender ergibt sich zu 89.69%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 10.31%. #3cb371 ist nicht als Schriftfarbe auf Hintergrund lavender geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe lavender				Schriftfarbwert #3cb371
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e6e6fa	#e6e6fa	#e6e6fa	#e6e6fa	#3cb371	#3cb371	#3cb371	#3cb371
#e9e9fa	#e9e9fa	#c5c5d6	#c5c5d6	#57bd85	#57bd85	#339960	#339960
#ededfb	#ededfb	#a4a4b2	#a4a4b2	#73c899	#73c899	#2a7f50	#2a7f50
#f0f0fc	#f0f0fc	#83838e	#83838e	#8fd3ad	#8fd3ad	#226640	#226640
#f4f4fc	#f4f4fc	#62626b	#62626b	#abdec2	#abdec2	#194c30	#194c30
#f7f7fd	#f7f7fd	#414147	#414147	#c7e9d6	#c7e9d6	#113320	#113320
#fbfbfe	#fbfbfe	#202023	#202023	#e3f4ea	#e3f4ea	#081910	#081910
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lavender und Farbwert #3cb371

Wechsel der Textfarbe bei Hover von Tag h5

Mit Tag <h5> setzen Sie eine Überschrift. Diese kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbe lavender auf Farbwert #3cb371 ändern, wenn man mit der Maus auf <h5> zeigt. Bereiten wir zunächst die Darstellung von <h5> in Farbe lavender vor.

Wir legen in diesem Beispiel die Textfarbe von <h5> auf Farbe lavender fest.

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

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe zu #3cb371 ändert.

<style type="text/css"><!--
  h5:hover { 
    color:#3cb371;
  }
//-->
</style>

Weiteres zu h5 können Sie in Grundlegende Gestaltungselemente in HTML finden. Mehr zum Befehl <h5>.

Text- und Unterstreichungsfarben bei HTML-Tag address

Hier ändern wir die Textfarbe von <address> auf Farbwert #3cb371. Die Schriftart setzen wir auf courier new. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <address> mit Hilfe eines gezahnten Rahmens mit 1 Pixel Dicke in Farbe lavender. Dies geht in HTML nicht. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  address { 
    border-bottom-width:1px; 
    border-bottom-color:lavender; 
    border-bottom-style:ridge; 
    font-family:courier new; 
    color:#3cb371; 
    font-size:13px;
  }
//-->
</style>

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

Mehr zum Thema address können Sie in Blockorientierte Elemente in HTML nachsehen. Weiteres zum HTML-Tag <address>.