Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #e0ffff und Farbe paleturquoise

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 #e0ffff			Schriftfarbe paleturquoise
Detail	:	Hintergrund #e0ffff	Detail	:	Schrift paleturquoise
Farbwert	:	#e0ffff	Farbe	:	paleturquoise
Farbe	:	lightcyan	Farbwert	:	#afeeee
HTML	:	#e0ffff	HTML	:	paleturquoise
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#afeeee
CSS	:	#e0ffff	CSS	:	paleturquoise
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#afeeee
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#afeeee
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(175,238,238)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(68%,93%,93%)

Verlauf Hintergrundfarbwert #e0ffff nach Schriftfarbe paleturquoise
#e0ffff	#d9fcfc	#d2fafa	#cbf7f7	#c4f5f5	#bdf2f2	#b6f0f0	#afeeee
#e0ffff	#d9fcfc	#d2fafa	#cbf7f7	#c4f5f5	#bdf2f2	#b6f0f0	#afeeee

Kombination von #e0ffff und paleturquoise
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit von paleturquoise und #e0ffff ergibt sich zu 94.18%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.82%. paleturquoise ist nicht als Schriftfarbe auf Hintergrund #e0ffff geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbwert #e0ffff				Schriftfarbe paleturquoise
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#afeeee	#afeeee	#afeeee	#afeeee
#e4ffff	#e4ffff	#c0dada	#c0dada	#baf0f0	#baf0f0	#96cccc	#96cccc
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#c5f2f2	#c5f2f2	#7daaaa	#7daaaa
#edffff	#edffff	#809191	#809191	#d1f5f5	#d1f5f5	#648888	#648888
#f1ffff	#f1ffff	#606d6d	#606d6d	#dcf7f7	#dcf7f7	#4b6666	#4b6666
#f6ffff	#f6ffff	#404848	#404848	#e8fafa	#e8fafa	#324444	#324444
#faffff	#faffff	#202424	#202424	#f3fcfc	#f3fcfc	#192222	#192222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #e0ffff und Farbe paleturquoise

Wechsel der Textfarbe bei Hover von HTML-Befehl p

Die Textfarbe soll sich von Farbwert #e0ffff auf Farbe paleturquoise ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst eine Formatierung von <p> in Farbwert #e0ffff vor.

In diesem Beispiel legen wir bei <p> die Textfarbe auf Farbwert #e0ffff fest. Die Größe der Schrift verkleinern wir auf 87%:

<style type="text/css"><!--
  p { 
    font-size: 87%; 
    color: #e0ffff;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf paleturquoise gesetzt wird.

<style type="text/css"><!--
  p: hover { 
    color: paleturquoise;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des hier gezeigten HTML-Tag <p>.