Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffafa und Farbwert #5f9ea0

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 #fffafa			Schriftfarbwert #5f9ea0
Detail	:	Hintergrund #fffafa	Detail	:	Schrift #5f9ea0
Farbwert	:	#fffafa	Farbwert	:	#5f9ea0
Farbe	:	snow	Farbe	:	cadetblue
HTML	:	#fffafa	HTML	:	#5f9ea0
HTML (Wert)	:	#fffafa	HTML (Wert)	:	#5f9ea0
CSS	:	#fffafa	CSS	:	#5f9ea0
CSS (Wert)	:	#fffafa	CSS (Wert)	:	#5f9ea0
CSS (kürzest)	:	#fffafa	CSS (kürzest)	:	#5f9ea0
CSS (RGB)	:	rgb(255,250,250)	CSS (RGB)	:	rgb(95,158,160)
CSS (%RGB)	:	rgb(100%,98%,98%)	CSS (%RGB)	:	rgb(37%,61%,62%)

Verlauf Hintergrundfarbwert #fffafa nach Schriftfarbwert #5f9ea0
#fffafa	#e8eced	#d1dfe0	#bad2d3	#a3c5c6	#8cb8b9	#75abac	#5f9ea0
#fffafa	#e8eced	#d1dfe0	#bad2d3	#a3c5c6	#8cb8b9	#75abac	#5f9ea0

Kombination von #fffafa und #5f9ea0
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund #fffafa ist #5f9ea0 ungeeignet, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #5f9ea0 und #fffafa beträgt 85.96%. Die Lesbarkeit dieser Kombination bewerte ich mit 14.04%.

Hintergrundfarbwert #fffafa				Schriftfarbwert #5f9ea0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffafa	#fffafa	#fffafa	#fffafa	#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0
#fffafa	#fffafa	#dad6d6	#dad6d6	#75abad	#75abad	#518789	#518789
#fffbfb	#fffbfb	#b6b2b2	#b6b2b2	#8cb9bb	#8cb9bb	#437072	#437072
#fffcfc	#fffcfc	#918e8e	#918e8e	#a3c7c8	#a3c7c8	#365a5b	#365a5b
#fffcfc	#fffcfc	#6d6b6b	#6d6b6b	#bad5d6	#bad5d6	#284344	#284344
#fffdfd	#fffdfd	#484747	#484747	#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d
#fffefe	#fffefe	#242323	#242323	#e8f1f1	#e8f1f1	#0d1616	#0d1616
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Text- und Unterstreichungsfarben bei Befehl ins

Hier ändern wir die Textfarbe von <ins> auf Farbwert #5f9ea0. Die Schriftart ändern wir auf courier new und erhöhen die Schriftgröße auf 120%. Wir unterstreichen den Inhalt von <ins> mit Hilfe eines gezahnten Rahmens mit 4 Pixel Dicke in Farbwert #fffafa. Das ist mit HTML nicht möglich. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  ins { 
    border-bottom: 4px ridge #fffafa; 
    color: #5f9ea0; 
    font-family: courier new; 
    font-size: 120%;
  }
//-->
</style>

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

Zur Beschreibung des HTML-Tag <ins>.

Wechsel der Hintergrundfarbe bei Hover von Tag dd

Die Hintergrundfarbe soll sich von Farbwert #fffafa auf Farbwert #5f9ea0 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <dd> in Farbwert #fffafa vor.

Wir legen z.B. bei <dd> die Hintergrundfarbe auf Farbwert #fffafa fest. Die Textfarbe verändern wir nicht. Die Schriftart setzen wir auf arial und setzen die Größe der Schrift auf 9pt.

<style type="text/css"><!--
  dd { 
    background-color: #fffafa; 
    font-family: arial; 
    font-size: 9pt;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #5f9ea0 ändert.

<style type="text/css"><!--
  dd: hover { 
    background-color: #5f9ea0;
  }
//-->
</style>

Weiteres zu dd können Sie in Listen und Glossare in HTML nachsehen. Weiteres zum hier gezeigten Tag dd lesen Sie in der HTML Referenz unter <dd>.