Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #5f9ea0 und Farbwert #fffaf0

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.

Hintergrundfarbwert #5f9ea0			Schriftfarbwert #fffaf0
Detail	:	Hintergrund #5f9ea0	Detail	:	Schrift #fffaf0
Farbwert	:	#5f9ea0	Farbwert	:	#fffaf0
Farbe	:	cadetblue	Farbe	:	floralwhite
HTML	:	#5f9ea0	HTML	:	#fffaf0
HTML (Wert)	:	#5f9ea0	HTML (Wert)	:	#fffaf0
CSS	:	#5f9ea0	CSS	:	#fffaf0
CSS (Wert)	:	#5f9ea0	CSS (Wert)	:	#fffaf0
CSS (kürzest)	:	#5f9ea0	CSS (kürzest)	:	#fffaf0
CSS (RGB)	:	rgb(95,158,160)	CSS (RGB)	:	rgb(255,250,240)
CSS (%RGB)	:	rgb(37%,61%,62%)	CSS (%RGB)	:	rgb(100%,98%,94%)

Verlauf Hintergrundfarbwert #5f9ea0 nach Schriftfarbwert #fffaf0
#5f9ea0	#75abab	#8cb8b6	#a3c5c2	#bad2cd	#d1dfd9	#e8ece4	#fffaf0
#5f9ea0	#75abab	#8cb8b6	#a3c5c2	#bad2cd	#d1dfd9	#e8ece4	#fffaf0

Kombination von #5f9ea0 und #fffaf0
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#fffaf0 ist nicht als Schriftfarbe auf Hintergrund #5f9ea0 geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit der Farben #fffaf0 und #5f9ea0 beträgt 86.04%. Die Lesbarkeit dieser Kombination ergibt sich zu 13.96%.

Hintergrundfarbwert #5f9ea0				Schriftfarbwert #fffaf0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0	#fffaf0	#fffaf0	#fffaf0	#fffaf0
#75abad	#75abad	#518789	#518789	#fffaf2	#fffaf2	#dad6cd	#dad6cd
#8cb9bb	#8cb9bb	#437072	#437072	#fffbf4	#fffbf4	#b6b2ab	#b6b2ab
#a3c7c8	#a3c7c8	#365a5b	#365a5b	#fffcf6	#fffcf6	#918e89	#918e89
#bad5d6	#bad5d6	#284344	#284344	#fffcf8	#fffcf8	#6d6b66	#6d6b66
#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d	#fffdfa	#fffdfa	#484744	#484744
#e8f1f1	#e8f1f1	#0d1616	#0d1616	#fffefc	#fffefc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Text- und Unterstreichungsfarben bei HTML-Befehl em

In diesem Beispiel ändern wir die Textfarbe von <em> auf Farbwert #fffaf0 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf verdana. Die Schriftgröße setzen wir auf 9px. Wir unterstreichen den Inhalt von <em> mit Hilfe eines herausstehenden Rahmens mit 3 Pixel Dicke in Farbwert #5f9ea0. Mit HTML geht das kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  em { 
    border-bottom-style:outset; 
    border-bottom-color:#5f9ea0; 
    font-size:9px; 
    color:#fffaf0; 
    font-family:verdana; 
    border-bottom-width:3px;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu em können Sie in Text in HTML finden. Zur Beschreibung vom HTML-Tag <em>.

Wechsel der Hintergrundfarbe bei Hover mit Befehl option

Die Hintergrundfarbe soll sich von Farbwert #5f9ea0 auf Farbwert #fffaf0 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <option> in Farbwert #5f9ea0 vor.

Hier legen wir die Hintergrundfarbe von <option> auf Farbwert #5f9ea0 fest. Zwar ändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  option { 
    font-family: courier new; 
    background-color: #5f9ea0;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu #fffaf0 ändert.

<style type="text/css"><!--
  option: hover { 
    background-color: #fffaf0;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Formulare in HTML. Einzelheiten des Tag option sind in der HTML Referenz unter <option> ausführlich zusammengestellt.