Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #5f9ea0 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 #5f9ea0			Schriftfarbwert #e0ffff
Detail	:	Hintergrund #5f9ea0	Detail	:	Schrift #e0ffff
Farbwert	:	#5f9ea0	Farbwert	:	#e0ffff
Farbe	:	cadetblue	Farbe	:	lightcyan
HTML	:	#5f9ea0	HTML	:	#e0ffff
HTML (Wert)	:	#5f9ea0	HTML (Wert)	:	#e0ffff
CSS	:	#5f9ea0	CSS	:	#e0ffff
CSS (Wert)	:	#5f9ea0	CSS (Wert)	:	#e0ffff
CSS (kürzest)	:	#5f9ea0	CSS (kürzest)	:	#e0ffff
CSS (RGB)	:	rgb(95,158,160)	CSS (RGB)	:	rgb(224,255,255)
CSS (%RGB)	:	rgb(37%,61%,62%)	CSS (%RGB)	:	rgb(87%,100%,100%)

Verlauf Hintergrundfarbwert #5f9ea0 nach Schriftfarbwert #e0ffff
#5f9ea0	#71abad	#83b9bb	#96c7c8	#a8d5d6	#bbe3e3	#cdf1f1	#e0ffff
#5f9ea0	#71abad	#83b9bb	#96c7c8	#a8d5d6	#bbe3e3	#cdf1f1	#e0ffff

Kombination von #5f9ea0 und #e0ffff
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #e0ffff und #5f9ea0 beträgt 86.22%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 13.78%. #e0ffff eignet sich nicht als Schriftfarbe auf Hintergrund #5f9ea0. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #5f9ea0				Schriftfarbwert #e0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#75abad	#75abad	#518789	#518789	#e4ffff	#e4ffff	#c0dada	#c0dada
#8cb9bb	#8cb9bb	#437072	#437072	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#a3c7c8	#a3c7c8	#365a5b	#365a5b	#edffff	#edffff	#809191	#809191
#bad5d6	#bad5d6	#284344	#284344	#f1ffff	#f1ffff	#606d6d	#606d6d
#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d	#f6ffff	#f6ffff	#404848	#404848
#e8f1f1	#e8f1f1	#0d1616	#0d1616	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #5f9ea0 und Farbwert #e0ffff

Füllen und Umranden bei Tag hr

Für dieses Beispiel umranden wir <hr> mit einem . Die Hintergrundfarbe für <hr> setzen wir entsprechend auf Farbwert #5f9ea0. Dies ist mit HTML nicht möglich. Deshalb nutzen wir hierfür CSS.

<style type="text/css"><!--
  hr { 
    border-color:#e0ffff; 
    border-width:2px; 
    background-color:#5f9ea0; 
    border-style:dashed;
  }
//-->
</style>

Mehr zu hr finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des Tag <hr>.

Wechsel der Textfarbe bei Hover bei HTML-Tag fieldset

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

Wir legen in diesem Beispiel bei <fieldset> die Textfarbe auf Farbwert #5f9ea0 fest. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf sans-serif und setzen die Größe der Schrift auf 95S%:

<style type="text/css"><!--
  fieldset { 
    font-family:sans-serif; 
    font-size:95S%; 
    color:#5f9ea0;
  }
//-->
</style>

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

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

Mehr zu fieldset lesen Sie in Formulare in HTML. Möglichkeiten vom hier genutzten HTML-Befehl fieldset finden Sie in der HTML Referenz unter <fieldset>.