Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #8fbc8f und Farbwert #e0ffff

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 #8fbc8f			Schriftfarbwert #e0ffff
Detail	:	Hintergrund #8fbc8f	Detail	:	Schrift #e0ffff
Farbwert	:	#8fbc8f	Farbwert	:	#e0ffff
Farbe	:	darkseagreen	Farbe	:	lightcyan
HTML	:	#8fbc8f	HTML	:	#e0ffff
HTML (Wert)	:	#8fbc8f	HTML (Wert)	:	#e0ffff
CSS	:	#8fbc8f	CSS	:	#e0ffff
CSS (Wert)	:	#8fbc8f	CSS (Wert)	:	#e0ffff
CSS (kürzest)	:	#8fbc8f	CSS (kürzest)	:	#e0ffff
CSS (RGB)	:	rgb(143,188,143)	CSS (RGB)	:	rgb(224,255,255)
CSS (%RGB)	:	rgb(56%,73%,56%)	CSS (%RGB)	:	rgb(87%,100%,100%)

Verlauf Hintergrundfarbwert #8fbc8f nach Schriftfarbwert #e0ffff
#8fbc8f	#9ac59f	#a6cfaf	#b1d8bf	#bde2cf	#c8ebdf	#d4f5ef	#e0ffff
#8fbc8f	#9ac59f	#a6cfaf	#b1d8bf	#bde2cf	#c8ebdf	#d4f5ef	#e0ffff

Kombination von #8fbc8f und #e0ffff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #e0ffff und #8fbc8f ergibt sich zu 90.28%. Die Lesbarkeit dieser Kombination ergibt sich zu 9.72%. #e0ffff eignet sich nicht als Schriftfarbe auf Hintergrund #8fbc8f. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug.

Hintergrundfarbwert #8fbc8f				Schriftfarbwert #e0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#9fc59f	#9fc59f	#7aa17a	#7aa17a	#e4ffff	#e4ffff	#c0dada	#c0dada
#afcfaf	#afcfaf	#668666	#668666	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#bfd8bf	#bfd8bf	#516b51	#516b51	#edffff	#edffff	#809191	#809191
#cfe2cf	#cfe2cf	#3d503d	#3d503d	#f1ffff	#f1ffff	#606d6d	#606d6d
#dfebdf	#dfebdf	#283528	#283528	#f6ffff	#f6ffff	#404848	#404848
#eff5ef	#eff5ef	#141a14	#141a14	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8fbc8f und Farbwert #e0ffff

Hintergrund/Text-Kombination bei Tag h3

Eine Überschrift der 3. Stufe setzen Sie mit Befehl <h3>. Diese können Sie hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <h3> auf Farbwert #e0ffff und die Hintergrundfarbe von <h3> auf Farbwert #8fbc8f. Die Schriftart setzen wir auf verdana und setzen die Schriftgröße auf 95%.

<style type="text/css"><!--
  h3 { 
    font-family:verdana; 
    background-color:#8fbc8f; 
    font-size:95%; 
    color:#e0ffff;
  }
//-->
</style>

Weiteres zu h3 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Einzelheiten vom hier verwendeten HTML-Tag h3 lesen Sie in der HTML Referenz unter <h3>.

Wechsel der Textfarbe bei Hover von Tag ins

Die Textfarbe soll sich von Farbwert #8fbc8f auf Farbwert #e0ffff ändern, wenn man mit der Maus auf <ins> zeigt. Bereiten wir zunächst die Darstellung von <ins> in Farbwert #8fbc8f vor.

Zum Beispiel legen wir die Textfarbe von <ins> auf Farbwert #8fbc8f fest. Die Größe der Schrift erhöhen wir auf 116%.

<style type="text/css"><!--
  ins { 
    color: #8fbc8f; 
    font-size: 116%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #e0ffff geändert wird.

<style type="text/css"><!--
  ins: hover { 
    color: #e0ffff;
  }
//-->
</style>

Mehr zum Befehl <ins>.