Ressourcen: 120 HTML Farbnamen - Kombination von Farbe antiquewhite und Farbe floralwhite

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 antiquewhite			Schriftfarbe floralwhite
Detail	:	Hintergrund antiquewhite	Detail	:	Schrift floralwhite
Farbe	:	antiquewhite	Farbe	:	floralwhite
Farbwert	:	#faebd7	Farbwert	:	#fffaf0
HTML	:	antiquewhite	HTML	:	floralwhite
HTML (Wert)	:	#faebd7	HTML (Wert)	:	#fffaf0
CSS	:	antiquewhite	CSS	:	floralwhite
CSS (Wert)	:	#faebd7	CSS (Wert)	:	#fffaf0
CSS (kürzest)	:	#faebd7	CSS (kürzest)	:	#fffaf0
CSS (RGB)	:	rgb(250,235,215)	CSS (RGB)	:	rgb(255,250,240)
CSS (%RGB)	:	rgb(98%,92%,84%)	CSS (%RGB)	:	rgb(100%,98%,94%)

Verlauf Hintergrundfarbe antiquewhite nach Schriftfarbe floralwhite
#faebd7	#faedda	#fbefde	#fcf1e1	#fcf3e5	#fdf5e8	#fef7ec	#fffaf0
#faebd7	#faedda	#fbefde	#fcf1e1	#fcf3e5	#fdf5e8	#fef7ec	#fffaf0

Kombination von antiquewhite und floralwhite
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben floralwhite und antiquewhite ergibt sich zu 94.64%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.36%. floralwhite eignet sich nicht als Schriftfarbe auf Hintergrund antiquewhite, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe antiquewhite				Schriftfarbe floralwhite
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faebd7	#faebd7	#faebd7	#faebd7	#fffaf0	#fffaf0	#fffaf0	#fffaf0
#faeddc	#faeddc	#d6c9b8	#d6c9b8	#fffaf2	#fffaf2	#dad6cd	#dad6cd
#fbf0e2	#fbf0e2	#b2a799	#b2a799	#fffbf4	#fffbf4	#b6b2ab	#b6b2ab
#fcf3e8	#fcf3e8	#8e867a	#8e867a	#fffcf6	#fffcf6	#918e89	#918e89
#fcf6ed	#fcf6ed	#6b645c	#6b645c	#fffcf8	#fffcf8	#6d6b66	#6d6b66
#fdf9f3	#fdf9f3	#47433d	#47433d	#fffdfa	#fffdfa	#484744	#484744
#fefcf9	#fefcf9	#23211e	#23211e	#fffefc	#fffefc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe antiquewhite und Farbe floralwhite

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag a

Einen Verweis erzeugen Sie mit HTML-Tag <a>. Diesen kann man farblich gestalten.

Die Hintergrundfarbe soll sich von Farbe antiquewhite auf Farbe floralwhite ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <a> in Farbe antiquewhite vor.

Z.B. ändern wir bei <a> die Hintergrundfarbe auf Farbe antiquewhite und ändern die Schriftgröße auf 9pt.

<style type="text/css"><!--
  a { 
    font-size:9pt; 
    background-color:antiquewhite;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu floralwhite ändert.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML finden. Die Beschreibung vom Tag a lesen Sie in der HTML Referenz unter <a>.