Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffafa und Farbe chocolate

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			Schriftfarbe chocolate
Detail	:	Hintergrund #fffafa	Detail	:	Schrift chocolate
Farbwert	:	#fffafa	Farbe	:	chocolate
Farbe	:	snow	Farbwert	:	#d2691e
HTML	:	#fffafa	HTML	:	chocolate
HTML (Wert)	:	#fffafa	HTML (Wert)	:	#d2691e
CSS	:	#fffafa	CSS	:	chocolate
CSS (Wert)	:	#fffafa	CSS (Wert)	:	#d2691e
CSS (kürzest)	:	#fffafa	CSS (kürzest)	:	#d2691e
CSS (RGB)	:	rgb(255,250,250)	CSS (RGB)	:	rgb(210,105,30)
CSS (%RGB)	:	rgb(100%,98%,98%)	CSS (%RGB)	:	rgb(82%,41%,11%)

Verlauf Hintergrundfarbwert #fffafa nach Schriftfarbe chocolate
#fffafa	#f8e5da	#f2d0bb	#ebbb9b	#e5a77c	#de925c	#d87d3d	#d2691e
#fffafa	#f8e5da	#f2d0bb	#ebbb9b	#e5a77c	#de925c	#d87d3d	#d2691e

Kombination von #fffafa und chocolate
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.				Die Ähnlichkeit von chocolate und #fffafa ergibt sich zu 83.27%. Die Lesbarkeit dieser Farbkombination liegt damit bei 16.73%. Auf Hintergrund #fffafa ist chocolate ungeeignet, weil die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbwert #fffafa				Schriftfarbe chocolate
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffafa	#fffafa	#fffafa	#fffafa	#d2691e	#d2691e	#d2691e	#d2691e
#fffafa	#fffafa	#dad6d6	#dad6d6	#d87e3e	#d87e3e	#b45a19	#b45a19
#fffbfb	#fffbfb	#b6b2b2	#b6b2b2	#de935e	#de935e	#964b15	#964b15
#fffcfc	#fffcfc	#918e8e	#918e8e	#e5a97e	#e5a97e	#783c11	#783c11
#fffcfc	#fffcfc	#6d6b6b	#6d6b6b	#ebbe9e	#ebbe9e	#5a2d0c	#5a2d0c
#fffdfd	#fffdfd	#484747	#484747	#f2d4be	#f2d4be	#3c1e08	#3c1e08
#fffefe	#fffefe	#242323	#242323	#f8e9de	#f8e9de	#1e0f04	#1e0f04
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #fffafa und Farbe chocolate

Wechsel der Textfarbe bei Hover von Tag a

Ein Hyperlink wird mit Befehl <a> erzeugt. Dieser kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #fffafa auf Farbe chocolate ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <a> in Farbwert #fffafa vor.

Wir legen als Beispiel Farbwert #fffafa als Textfarbe von <a> fest. Zwar verändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf monospace und setzen die Größe der Schrift auf 121%:

<style type="text/css"><!--
  a { 
    font-size:121%; 
    font-family:monospace; 
    color:#fffafa;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf chocolate gesetzt wird.

<style type="text/css"><!--
  a:hover { 
    color:chocolate;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML lesen. Mehr zum Tag a ist in der HTML Referenz bei <a> ausführlich gezeigt.