Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkseagreen und Farbwert #f8f8ff

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe darkseagreen			Schriftfarbwert #f8f8ff
Detail	:	Hintergrund darkseagreen	Detail	:	Schrift #f8f8ff
Farbe	:	darkseagreen	Farbwert	:	#f8f8ff
Farbwert	:	#8fbc8f	Farbe	:	ghostwhite
HTML	:	darkseagreen	HTML	:	#f8f8ff
HTML (Wert)	:	#8fbc8f	HTML (Wert)	:	#f8f8ff
CSS	:	darkseagreen	CSS	:	#f8f8ff
CSS (Wert)	:	#8fbc8f	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#8fbc8f	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(143,188,143)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(56%,73%,56%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbe darkseagreen nach Schriftfarbwert #f8f8ff
#8fbc8f	#9ec49f	#adcdaf	#bcd5bf	#cbdecf	#dae6df	#e9efef	#f8f8ff
#8fbc8f	#9ec49f	#adcdaf	#bcd5bf	#cbdecf	#dae6df	#e9efef	#f8f8ff

Kombination von darkseagreen und #f8f8ff
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit von #f8f8ff und darkseagreen ergibt sich zu 90.31%. Die Lesbarkeit dieser Kombination liegt damit bei 9.69%. Auf Hintergrund darkseagreen ist #f8f8ff ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe darkseagreen				Schriftfarbwert #f8f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#9fc59f	#9fc59f	#7aa17a	#7aa17a	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#afcfaf	#afcfaf	#668666	#668666	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#bfd8bf	#bfd8bf	#516b51	#516b51	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#cfe2cf	#cfe2cf	#3d503d	#3d503d	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#dfebdf	#dfebdf	#283528	#283528	#fdfdff	#fdfdff	#464648	#464648
#eff5ef	#eff5ef	#141a14	#141a14	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkseagreen und Farbwert #f8f8ff

Füllen und Umranden mit Befehl option

Für dieses Beispiel umranden wir <option> mit einem 2 Punkte dicken, gefurchten Rahmen in Farbwert #f8f8ff . Die Hintergrundfarbe für <option> setzen wir entsprechend auf Farbe darkseagreen. Das geht mit HTML kaum. Wir verwenden daher CSS.

<style type="text/css"><!--
  option { border:2pt groove #f8f8ff; background-color:darkseagreen; }
//-->
</style>

Weiteres zum Thema option lesen Sie in Formulare in HTML. Die Beschreibung des hier gezeigten Befehl option erfahren Sie in der HTML Referenz unter <option>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl p

Die Hintergrundfarbe soll sich von Farbe darkseagreen auf Farbwert #f8f8ff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <p> in Farbe darkseagreen vor.

Wir legen z.B. die Hintergrundfarbe von <p> auf Farbe darkseagreen fest. Die Größe der Schrift setzen wir auf 13px.

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

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #f8f8ff gesetzt wird.

<style type="text/css"><!--
  p: hover { 
    background-color: #f8f8ff;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Zur Beschreibung des hier verwendeten HTML-Befehl <p>.