Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffefd5 und Farbwert #3cb371

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.

Hintergrundfarbwert #ffefd5			Schriftfarbwert #3cb371
Detail	:	Hintergrund #ffefd5	Detail	:	Schrift #3cb371
Farbwert	:	#ffefd5	Farbwert	:	#3cb371
Farbe	:	papayawhip	Farbe	:	mediumseagreen
HTML	:	#ffefd5	HTML	:	#3cb371
HTML (Wert)	:	#ffefd5	HTML (Wert)	:	#3cb371
CSS	:	#ffefd5	CSS	:	#3cb371
CSS (Wert)	:	#ffefd5	CSS (Wert)	:	#3cb371
CSS (kürzest)	:	#ffefd5	CSS (kürzest)	:	#3cb371
CSS (RGB)	:	rgb(255,239,213)	CSS (RGB)	:	rgb(60,179,113)
CSS (%RGB)	:	rgb(100%,93%,83%)	CSS (%RGB)	:	rgb(23%,70%,44%)

Verlauf Hintergrundfarbwert #ffefd5 nach Schriftfarbwert #3cb371
#ffefd5	#e3e6c6	#c7ddb8	#abd5aa	#8fcc9b	#73c48d	#57bb7f	#3cb371
#ffefd5	#e3e6c6	#c7ddb8	#abd5aa	#8fcc9b	#73c48d	#57bb7f	#3cb371

Kombination von #ffefd5 und #3cb371
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #ffefd5 ist #3cb371 ungeeignet, da die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #3cb371 und #ffefd5 beträgt 88.78%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 11.22%.

Hintergrundfarbwert #ffefd5				Schriftfarbwert #3cb371
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffefd5	#ffefd5	#ffefd5	#ffefd5	#3cb371	#3cb371	#3cb371	#3cb371
#fff1db	#fff1db	#daccb6	#daccb6	#57bd85	#57bd85	#339960	#339960
#fff3e1	#fff3e1	#b6aa98	#b6aa98	#73c899	#73c899	#2a7f50	#2a7f50
#fff5e7	#fff5e7	#918879	#918879	#8fd3ad	#8fd3ad	#226640	#226640
#fff8ed	#fff8ed	#6d665b	#6d665b	#abdec2	#abdec2	#194c30	#194c30
#fffaf3	#fffaf3	#48443c	#48443c	#c7e9d6	#c7e9d6	#113320	#113320
#fffcf9	#fffcf9	#24221e	#24221e	#e3f4ea	#e3f4ea	#081910	#081910
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffefd5 und Farbwert #3cb371

Wechsel der Textfarbe bei Hover bei Tag strike

Die Textfarbe soll sich von Farbwert #ffefd5 auf Farbwert #3cb371 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <strike> in Farbwert #ffefd5 vor.

In diesem Beispiel setzen wir bei <strike> die Textfarbe auf Farbwert #ffefd5. Die Schriftgröße verkleinern wir auf 88%.

<style type="text/css"><!--
  strike { 
    font-size:88%; 
    color:#ffefd5;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #3cb371 geändert wird.

<style type="text/css"><!--
  strike:hover { 
    color:#3cb371;
  }
//-->
</style>

Weiteres zu strike können Sie in Text in HTML lesen. Weiteres zum hier verwendeten HTML-Befehl <strike>.

Wechsel der Hintergrundfarbe bei Hover mit Tag h2

Eine Überschrift erzeugen Sie mit HTML-Tag <h2>. Diese kann man hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #ffefd5 auf Farbwert #3cb371 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <h2> in Farbwert #ffefd5 vor.

Wir setzen in diesem Beispiel bei <h2> die Hintergrundfarbe auf Farbwert #ffefd5 und verringern die Größe der Schrift auf 86%.

<style type="text/css"><!--
  h2 { 
    font-size:86%; 
    background-color:#ffefd5;
  }
//-->
</style>

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

<style type="text/css"><!--
  h2: hover { 
    background-color: #3cb371;
  }
//-->
</style>

Mehr zu h2 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Die Beschreibung vom hier genutzten Tag h2 finden Sie in der HTML Referenz unter <h2>.