Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffefd5 und Farbe mediumseagreen

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.

Hintergrundfarbwert #ffefd5			Schriftfarbe mediumseagreen
Detail	:	Hintergrund #ffefd5	Detail	:	Schrift mediumseagreen
Farbwert	:	#ffefd5	Farbe	:	mediumseagreen
Farbe	:	papayawhip	Farbwert	:	#3cb371
HTML	:	#ffefd5	HTML	:	mediumseagreen
HTML (Wert)	:	#ffefd5	HTML (Wert)	:	#3cb371
CSS	:	#ffefd5	CSS	:	mediumseagreen
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 Schriftfarbe mediumseagreen
#ffefd5	#e3e6c6	#c7ddb8	#abd5aa	#8fcc9b	#73c48d	#57bb7f	#3cb371
#ffefd5	#e3e6c6	#c7ddb8	#abd5aa	#8fcc9b	#73c48d	#57bb7f	#3cb371

Kombination von #ffefd5 und mediumseagreen
Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit von mediumseagreen und #ffefd5 beträgt 88.78%. Die Lesbarkeit dieser Farbkombination liegt damit bei 11.22%. Auf Hintergrund #ffefd5 ist mediumseagreen ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Hintergrundfarbwert #ffefd5				Schriftfarbe mediumseagreen
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 Farbe mediumseagreen

Hintergrund/Text-Kombination mit Befehl center

Hier ändern wir die Textfarbe von <center> auf Farbe mediumseagreen und die Hintergrundfarbe von <center> auf Farbwert #ffefd5. Als Schriftart setzen wir courier new und ändern die Schriftgröße auf 9pt.

<style type="text/css"><!--
  center { 
    font-size: 9pt; 
    font-family: courier new; 
    background-color: #ffefd5; 
    color: mediumseagreen;
  }
//-->
</style>

Weiteres zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Die Beschreibung des hier verwendeten Befehl center finden Sie in der HTML Referenz unter <center>.

Wechsel der Umrandung bei Hover bei Tag li

Die Rahmenfarbe soll sich von Farbwert #ffefd5 auf Farbe mediumseagreen ändern, wenn man mit der Maus auf <li> zeigt. Bereiten wir zunächst die Darstellung von <li> in Farbwert #ffefd5 vor.

In diesem Beispiel umranden wir <li> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbwert #ffefd5.

<style type="text/css"><!--
  li { 
    border-style: inset; 
    border-color: #ffefd5; 
    border-width: 1px;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf mediumseagreen gesetzt wird.

<style type="text/css"><!--
  li:hover { 
    border-color:mediumseagreen;
  }
//-->
</style>

Weiteres zum Thema li können Sie in Listen und Glossare in HTML lesen. Die Beschreibung des HTML-Befehl li finden Sie in der HTML Referenz unter <li>.