Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #90ee90 und Farbwert #40e0d0

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.

Hintergrundfarbwert #90ee90			Schriftfarbwert #40e0d0
Detail	:	Hintergrund #90ee90	Detail	:	Schrift #40e0d0
Farbwert	:	#90ee90	Farbwert	:	#40e0d0
Farbe	:	lightgreen	Farbe	:	turquoise
HTML	:	#90ee90	HTML	:	#40e0d0
HTML (Wert)	:	#90ee90	HTML (Wert)	:	#40e0d0
CSS	:	#90ee90	CSS	:	#40e0d0
CSS (Wert)	:	#90ee90	CSS (Wert)	:	#40e0d0
CSS (kürzest)	:	#90ee90	CSS (kürzest)	:	#40e0d0
CSS (RGB)	:	rgb(144,238,144)	CSS (RGB)	:	rgb(64,224,208)
CSS (%RGB)	:	rgb(56%,93%,56%)	CSS (%RGB)	:	rgb(25%,87%,81%)

Verlauf Hintergrundfarbwert #90ee90 nach Schriftfarbwert #40e0d0
#90ee90	#84ec99	#79eaa2	#6de8ab	#62e6b4	#56e4bd	#4be2c6	#40e0d0
#90ee90	#84ec99	#79eaa2	#6de8ab	#62e6b4	#56e4bd	#4be2c6	#40e0d0

Kombination von #90ee90 und #40e0d0
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #90ee90 ist #40e0d0 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit von #40e0d0 und #90ee90 beträgt 94.48%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.52%.

Hintergrundfarbwert #90ee90				Schriftfarbwert #40e0d0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#90ee90	#90ee90	#90ee90	#90ee90	#40e0d0	#40e0d0	#40e0d0	#40e0d0
#9ff09f	#9ff09f	#7bcc7b	#7bcc7b	#5be4d6	#5be4d6	#36c0b2	#36c0b2
#aff2af	#aff2af	#66aa66	#66aa66	#76e8dd	#76e8dd	#2da094	#2da094
#bff5bf	#bff5bf	#528852	#528852	#91ede4	#91ede4	#248076	#248076
#cff7cf	#cff7cf	#3d663d	#3d663d	#adf1ea	#adf1ea	#1b6059	#1b6059
#dffadf	#dffadf	#294429	#294429	#c8f6f1	#c8f6f1	#12403b	#12403b
#effcef	#effcef	#142214	#142214	#e3faf8	#e3faf8	#09201d	#09201d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #90ee90 und Farbwert #40e0d0

Wechsel der Textfarbe bei Hover bei Tag tbody

Die Textfarbe soll sich von Farbwert #90ee90 auf Farbwert #40e0d0 ändern, wenn man mit der Maus auf <tbody> zeigt. Bereiten wir zunächst die Darstellung von <tbody> in Farbwert #90ee90 vor.

Als Beispiel legen wir Farbwert #90ee90 als Textfarbe von <tbody> fest und setzen die Größe der Schrift auf 83%:

<style type="text/css"><!--
  tbody { 
    color:#90ee90; 
    font-size:83%;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe auf #40e0d0 ändert.

<style type="text/css"><!--
  tbody: hover { 
    color: #40e0d0;
  }
//-->
</style>

Mehr zum Thema tbody erfahren Sie in Tabellen in HTML. Mehr zum HTML-Tag tbody erfahren Sie in der HTML Referenz unter <tbody>.

Füllen und Umranden mit Tag h1

Eine Überschrift der 1. Stufe setzen Sie mit HTML-Tag <h1>. Diese kann hervorgehoben und farblich gestaltet werden.

Hier umranden wir <h1> mit einem gezahnten, 4 Pixel dicken Rahmen in Farbwert #40e0d0 . Die Hintergrundfarbe für <h1> färben wir mit Farbwert #90ee90. Dies geht mit HTML kaum. Deshalb verwenden wir hier CSS.

<style type="text/css"><!--
  h1 { 
    background-color:#90ee90; 
    border-style:ridge; 
    border-color:#40e0d0; 
    border-width:4px;
  }
//-->
</style>

Weiteres zum Thema h1 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier genutzten HTML-Tag h1 finden Sie in der HTML Referenz unter <h1>.