Ressourcen: 120 HTML Farbnamen - Kombination von Farbe azure und Farbwert #fffacd

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.

Hintergrundfarbe azure			Schriftfarbwert #fffacd
Detail	:	Hintergrund azure	Detail	:	Schrift #fffacd
Farbe	:	azure	Farbwert	:	#fffacd
Farbwert	:	#f0ffff	Farbe	:	lemonchiffon
HTML	:	azure	HTML	:	#fffacd
HTML (Wert)	:	#f0ffff	HTML (Wert)	:	#fffacd
CSS	:	azure	CSS	:	#fffacd
CSS (Wert)	:	#f0ffff	CSS (Wert)	:	#fffacd
CSS (kürzest)	:	#f0ffff	CSS (kürzest)	:	#fffacd
CSS (RGB)	:	rgb(240,255,255)	CSS (RGB)	:	rgb(255,250,205)
CSS (%RGB)	:	rgb(94%,100%,100%)	CSS (%RGB)	:	rgb(100%,98%,80%)

Verlauf Hintergrundfarbe azure nach Schriftfarbwert #fffacd
#f0ffff	#f2fef7	#f4fdf0	#f6fce9	#f8fce2	#fafbdb	#fcfad4	#fffacd
#f0ffff	#f2fef7	#f4fdf0	#f6fce9	#f8fce2	#fafbdb	#fcfad4	#fffacd

Kombination von azure und #fffacd
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.				#fffacd ist nicht als Schriftfarbe auf Hintergrund azure geeignet, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #fffacd und azure ergibt sich zu 95.08%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 4.92%.

Hintergrundfarbe azure				Schriftfarbwert #fffacd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0ffff	#f0ffff	#f0ffff	#f0ffff	#fffacd	#fffacd	#fffacd	#fffacd
#f2ffff	#f2ffff	#cddada	#cddada	#fffad4	#fffad4	#dad6af	#dad6af
#f4ffff	#f4ffff	#abb6b6	#abb6b6	#fffbdb	#fffbdb	#b6b292	#b6b292
#f6ffff	#f6ffff	#899191	#899191	#fffce2	#fffce2	#918e75	#918e75
#f8ffff	#f8ffff	#666d6d	#666d6d	#fffce9	#fffce9	#6d6b57	#6d6b57
#faffff	#faffff	#444848	#444848	#fffdf0	#fffdf0	#48473a	#48473a
#fcffff	#fcffff	#222424	#222424	#fffef7	#fffef7	#24231d	#24231d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe azure und Farbwert #fffacd

Hintergrund/Text-Kombination mit Befehl center

Hier ändern wir die Textfarbe von <center> auf Farbwert #fffacd und die Hintergrundfarbe von <center> auf Farbe azure. Die Schriftart setzen wir auf sans-serif. Als Schriftgröße entscheiden wir uns für 96%.

<style type="text/css"><!--
  center { 
    font-family:sans-serif; 
    font-size:96%; 
    background-color:azure; 
    color:#fffacd;
  }
//-->
</style>

Weiteres zu center finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum HTML-Tag center ist in der HTML Referenz bei <center> beschrieben.

Wechsel der Textfarbe bei Hover bei Tag var

Die Textfarbe soll sich von Farbe azure auf Farbwert #fffacd ändern, wenn man mit der Maus auf <var> zeigt. Wir bereiten zunächst eine Darstellung von <var> in Farbe azure vor.

Zum Beispiel legen wir Farbe azure als Textfarbe von <var> fest und ändern die Schriftgröße auf 13px:

<style type="text/css"><!--
  var { 
    font-size: 13px; 
    color: azure;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #fffacd gesetzt wird.

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

Mehr zu var können Sie in Text in HTML nachlesen. Der HTML-Befehl var ist in der HTML Referenz bei <var> ausführlich gezeigt.