Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightyellow und Farbwert #40e0d0

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 lightyellow			Schriftfarbwert #40e0d0
Detail	:	Hintergrund lightyellow	Detail	:	Schrift #40e0d0
Farbe	:	lightyellow	Farbwert	:	#40e0d0
Farbwert	:	#ffffe0	Farbe	:	turquoise
HTML	:	lightyellow	HTML	:	#40e0d0
HTML (Wert)	:	#ffffe0	HTML (Wert)	:	#40e0d0
CSS	:	lightyellow	CSS	:	#40e0d0
CSS (Wert)	:	#ffffe0	CSS (Wert)	:	#40e0d0
CSS (kürzest)	:	#ffffe0	CSS (kürzest)	:	#40e0d0
CSS (RGB)	:	rgb(255,255,224)	CSS (RGB)	:	rgb(64,224,208)
CSS (%RGB)	:	rgb(100%,100%,87%)	CSS (%RGB)	:	rgb(25%,87%,81%)

Verlauf Hintergrundfarbe lightyellow nach Schriftfarbwert #40e0d0
#ffffe0	#e3fadd	#c8f6db	#adf1d9	#91edd6	#76e8d4	#5be4d2	#40e0d0
#ffffe0	#e3fadd	#c8f6db	#adf1d9	#91edd6	#76e8d4	#5be4d2	#40e0d0

Kombination von lightyellow und #40e0d0
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #40e0d0 und lightyellow beträgt 92.32%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 7.68%. #40e0d0 ist nicht als Schriftfarbe auf Hintergrund lightyellow geeignet, weil sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe lightyellow				Schriftfarbwert #40e0d0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffe0	#ffffe0	#ffffe0	#ffffe0	#40e0d0	#40e0d0	#40e0d0	#40e0d0
#ffffe4	#ffffe4	#dadac0	#dadac0	#5be4d6	#5be4d6	#36c0b2	#36c0b2
#ffffe8	#ffffe8	#b6b6a0	#b6b6a0	#76e8dd	#76e8dd	#2da094	#2da094
#ffffed	#ffffed	#919180	#919180	#91ede4	#91ede4	#248076	#248076
#fffff1	#fffff1	#6d6d60	#6d6d60	#adf1ea	#adf1ea	#1b6059	#1b6059
#fffff6	#fffff6	#484840	#484840	#c8f6f1	#c8f6f1	#12403b	#12403b
#fffffa	#fffffa	#242420	#242420	#e3faf8	#e3faf8	#09201d	#09201d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe lightyellow und Farbwert #40e0d0

Wechsel der Umrandung bei Hover von Befehl h2

Eine Überschrift der 2. Stufe setzt man mit HTML-Befehl <h2>. Diese kann man hervorheben und farblich gestalten.

Die Rahmenfarbe soll sich von Farbe lightyellow auf Farbwert #40e0d0 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <h2> in Farbe lightyellow vor.

In diesem Beispiel umranden wir <h2> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbe lightyellow.

<style type="text/css"><!--
  h2 { 
    border-color:lightyellow; 
    border-style:inset; 
    border-width:2px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #40e0d0 ändert.

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

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des Tag h2 lesen Sie in der HTML Referenz unter <h2>.