Ressourcen: 120 HTML Farbnamen - Kombination von Farbe seagreen und Farbwert #ffdead

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 seagreen			Schriftfarbwert #ffdead
Detail	:	Hintergrund seagreen	Detail	:	Schrift #ffdead
Farbe	:	seagreen	Farbwert	:	#ffdead
Farbwert	:	#2e8b57	Farbe	:	navajowhite
HTML	:	seagreen	HTML	:	#ffdead
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#ffdead
CSS	:	seagreen	CSS	:	#ffdead
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#ffdead
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#ffdead
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(255,222,173)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(100%,87%,67%)

Verlauf Hintergrundfarbe seagreen nach Schriftfarbwert #ffdead
#2e8b57	#4b9663	#69a26f	#87ae7b	#a5ba88	#c3c694	#e1d2a0	#ffdead
#2e8b57	#4b9663	#69a26f	#87ae7b	#a5ba88	#c3c694	#e1d2a0	#ffdead

Kombination von seagreen und #ffdead
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#ffdead ist nicht als Schriftfarbe auf Hintergrund seagreen geeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben #ffdead und seagreen beträgt 84.31%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 15.69%.

Hintergrundfarbe seagreen				Schriftfarbwert #ffdead
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#ffdead	#ffdead	#ffdead	#ffdead
#4b9b6f	#4b9b6f	#27774a	#27774a	#ffe2b8	#ffe2b8	#dabe94	#dabe94
#69ac87	#69ac87	#20633e	#20633e	#ffe7c4	#ffe7c4	#b69e7b	#b69e7b
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#ffecd0	#ffecd0	#917e62	#917e62
#a5cdb7	#a5cdb7	#133b25	#133b25	#fff0db	#fff0db	#6d5f4a	#6d5f4a
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#fff5e7	#fff5e7	#483f31	#483f31
#e1eee7	#e1eee7	#06130c	#06130c	#fffaf3	#fffaf3	#241f18	#241f18
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe seagreen und Farbwert #ffdead

Wechsel der Umrandung bei Hover mit HTML-Befehl pre

Die Rahmenfarbe soll sich von Farbe seagreen auf Farbwert #ffdead ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <pre> in Farbe seagreen vor.

In diesem Beispiel umranden wir <pre> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbe seagreen.

<style type="text/css"><!--
  pre { 
    border-style:outset; 
    border-width:2px; 
    border-color:seagreen;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf #ffdead geändert wird.

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

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML nachlesen. Die Beschreibung vom HTML-Tag pre erfahren Sie in der HTML Referenz unter <pre>.

Wechsel der Textfarbe bei Hover mit HTML-Befehl samp

Die Textfarbe soll sich von Farbe seagreen auf Farbwert #ffdead ändern, wenn man mit der Maus auf <samp> zeigt. Wir bereiten zunächst die Darstellung von <samp> in Farbe seagreen vor.

Wir legen als Beispiel Farbe seagreen als Textfarbe von <samp> fest:

<style type="text/css"><!--
  samp { 
    color:seagreen;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf #ffdead gesetzt wird.

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

Mehr zu samp können Sie in Text in HTML nachsehen. Die Beschreibung des Befehl samp erfahren Sie in der HTML Referenz unter <samp>.