Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumspringgreen und Farbwert #fff8dc

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 mediumspringgreen			Schriftfarbwert #fff8dc
Detail	:	Hintergrund mediumspringgreen	Detail	:	Schrift #fff8dc
Farbe	:	mediumspringgreen	Farbwert	:	#fff8dc
Farbwert	:	#00fa9a	Farbe	:	cornsilk
HTML	:	mediumspringgreen	HTML	:	#fff8dc
HTML (Wert)	:	#00fa9a	HTML (Wert)	:	#fff8dc
CSS	:	mediumspringgreen	CSS	:	#fff8dc
CSS (Wert)	:	#00fa9a	CSS (Wert)	:	#fff8dc
CSS (kürzest)	:	#00fa9a	CSS (kürzest)	:	#fff8dc
CSS (RGB)	:	rgb(0,250,154)	CSS (RGB)	:	rgb(255,248,220)
CSS (%RGB)	:	rgb(0%,98%,60%)	CSS (%RGB)	:	rgb(100%,97%,86%)

Verlauf Hintergrundfarbe mediumspringgreen nach Schriftfarbwert #fff8dc
#00fa9a	#24f9a3	#48f9ac	#6df9b6	#91f8bf	#b6f8c9	#daf8d2	#fff8dc
#00fa9a	#24f9a3	#48f9ac	#6df9b6	#91f8bf	#b6f8c9	#daf8d2	#fff8dc

Kombination von mediumspringgreen und #fff8dc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Auf Hintergrund mediumspringgreen ist #fff8dc ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben #fff8dc und mediumspringgreen ergibt sich zu 93.80%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.20%.

Hintergrundfarbe mediumspringgreen				Schriftfarbwert #fff8dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00fa9a	#00fa9a	#00fa9a	#00fa9a	#fff8dc	#fff8dc	#fff8dc	#fff8dc
#24faa8	#24faa8	#00d684	#00d684	#fff9e1	#fff9e1	#dad4bc	#dad4bc
#48fbb6	#48fbb6	#00b26e	#00b26e	#fffae6	#fffae6	#b6b19d	#b6b19d
#6dfcc5	#6dfcc5	#008e58	#008e58	#fffbeb	#fffbeb	#918d7d	#918d7d
#91fcd3	#91fcd3	#006b42	#006b42	#fffcf0	#fffcf0	#6d6a5e	#6d6a5e
#b6fde2	#b6fde2	#00472c	#00472c	#fffdf5	#fffdf5	#48463e	#48463e
#dafef0	#dafef0	#002316	#002316	#fffefa	#fffefa	#24231f	#24231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumspringgreen und Farbwert #fff8dc

Hintergrund/Text-Kombination mit Befehl blockquote

Für dieses Beispiel ändern wir die Textfarbe von <blockquote> auf Farbwert #fff8dc und die Hintergrundfarbe von <blockquote> auf Farbe mediumspringgreen. Als Schriftart setzen wir courier new. Die Schriftgröße ändern wir auf 10pt.

<style type="text/css"><!--
  blockquote { 
    color:#fff8dc; 
    background-color:mediumspringgreen; 
    font-family:courier new; 
    font-size:10pt;
  }
//-->
</style>

Mehr zum Thema blockquote können Sie in Blockorientierte Elemente in HTML erfahren. Die Beschreibung des hier gezeigten HTML-Befehl blockquote finden Sie in der HTML Referenz unter <blockquote>.

Wechsel der Textfarbe bei Hover bei Befehl var

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

In diesem Beispiel legen wir bei <var> die Textfarbe auf Farbe mediumspringgreen fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf courier new und setzen die Schriftgröße auf 13px:

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

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #fff8dc gesetzt wird.

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

Weiteres zum Thema können Sie in Text in HTML finden. Mehr zum HTML-Tag var lesen Sie in der HTML Referenz unter <var>.