Ressourcen: 120 HTML Farbnamen - Kombination von Farbe antiquewhite und Farbwert #f0fff0

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

Verlauf Hintergrundfarbe antiquewhite nach Schriftfarbwert #f0fff0
#faebd7	#f8edda	#f7f0de	#f5f3e1	#f4f6e5	#f2f9e8	#f1fcec	#f0fff0
#faebd7	#f8edda	#f7f0de	#f5f3e1	#f4f6e5	#f2f9e8	#f1fcec	#f0fff0

Kombination von antiquewhite und #f0fff0
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#f0fff0 eignet sich nicht als Schriftfarbe auf Hintergrund antiquewhite, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit der Farben #f0fff0 und antiquewhite ergibt sich zu 94.62%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.38%.

Hintergrundfarbe antiquewhite				Schriftfarbwert #f0fff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faebd7	#faebd7	#faebd7	#faebd7	#f0fff0	#f0fff0	#f0fff0	#f0fff0
#faeddc	#faeddc	#d6c9b8	#d6c9b8	#f2fff2	#f2fff2	#cddacd	#cddacd
#fbf0e2	#fbf0e2	#b2a799	#b2a799	#f4fff4	#f4fff4	#abb6ab	#abb6ab
#fcf3e8	#fcf3e8	#8e867a	#8e867a	#f6fff6	#f6fff6	#899189	#899189
#fcf6ed	#fcf6ed	#6b645c	#6b645c	#f8fff8	#f8fff8	#666d66	#666d66
#fdf9f3	#fdf9f3	#47433d	#47433d	#fafffa	#fafffa	#444844	#444844
#fefcf9	#fefcf9	#23211e	#23211e	#fcfffc	#fcfffc	#222422	#222422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe antiquewhite und Farbwert #f0fff0

Hintergrund/Text-Kombination von Tag dd

Hier ändern wir die Textfarbe von <dd> auf Farbwert #f0fff0 und die Hintergrundfarbe von <dd> auf Farbe antiquewhite. Die Schriftart setzen wir auf verdana und ändern die Schriftgröße auf 13px.

<style type="text/css"><!--
  dd { 
    color: #f0fff0; 
    font-size: 13px; 
    font-family: verdana; 
    background-color: antiquewhite;
  }
//-->
</style>

Mehr zum Thema dd lesen Sie in Listen und Glossare in HTML. Weiteres zum Befehl dd ist in der HTML Referenz bei <dd> genau beschrieben.

Wechsel der Umrandung bei Hover bei HTML-Tag s

Die Rahmenfarbe soll sich von Farbe antiquewhite auf Farbwert #f0fff0 ändern, wenn man mit der Maus auf <s> zeigt. Bereiten wir zunächst eine Darstellung von <s> in Farbe antiquewhite vor.

In diesem Beispiel umranden wir <s> mit einem 5 Pixel dicken, gefurchten Rahmen in Farbe antiquewhite.

<style type="text/css"><!--
  s { border:5px groove antiquewhite; }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #f0fff0 gesetzt wird.

<style type="text/css"><!--
  s: hover { 
    border-color: #f0fff0;
  }
//-->
</style>

Mehr zum Thema s lesen Sie in Text in HTML. Mehr zum hier genutzten HTML-Befehl <s>.