Ressourcen: 137 HTML Farbnamen - Kombination von Farbe papayawhip und Farbwert #2f4f4f

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 papayawhip			Schriftfarbwert #2f4f4f
Detail	:	Hintergrund papayawhip	Detail	:	Schrift #2f4f4f
Farbe	:	papayawhip	Farbwert	:	#2f4f4f
Farbwert	:	#ffefd5	Farbe	:	darkslategray
HTML	:	papayawhip	HTML	:	#2f4f4f
HTML (Wert)	:	#ffefd5	HTML (Wert)	:	#2f4f4f
CSS	:	papayawhip	CSS	:	#2f4f4f
CSS (Wert)	:	#ffefd5	CSS (Wert)	:	#2f4f4f
CSS (kürzest)	:	#ffefd5	CSS (kürzest)	:	#2f4f4f
CSS (RGB)	:	rgb(255,239,213)	CSS (RGB)	:	rgb(47,79,79)
CSS (%RGB)	:	rgb(100%,93%,83%)	CSS (%RGB)	:	rgb(18%,30%,30%)

Verlauf Hintergrundfarbe papayawhip nach Schriftfarbwert #2f4f4f
#ffefd5	#e1d8c1	#c3c1ae	#a5aa9b	#889388	#6a7c75	#4c6562	#2f4f4f
#ffefd5	#e1d8c1	#c3c1ae	#a5aa9b	#889388	#6a7c75	#4c6562	#2f4f4f

Kombination von papayawhip und #2f4f4f
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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#2f4f4f eignet sich als Schriftfarbe auf Hintergrund papayawhip. Unterschied in den Helligkeiten und Unterschied in den Farben sind ok. Die Ähnlichkeit von #2f4f4f und papayawhip ergibt sich zu 62.43%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 37.57%.

Hintergrundfarbe papayawhip				Schriftfarbwert #2f4f4f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffefd5	#ffefd5	#ffefd5	#ffefd5	#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f
#fff1db	#fff1db	#daccb6	#daccb6	#4c6868	#4c6868	#284343	#284343
#fff3e1	#fff3e1	#b6aa98	#b6aa98	#6a8181	#6a8181	#213838	#213838
#fff5e7	#fff5e7	#918879	#918879	#889a9a	#889a9a	#1a2d2d	#1a2d2d
#fff8ed	#fff8ed	#6d665b	#6d665b	#a5b3b3	#a5b3b3	#142121	#142121
#fffaf3	#fffaf3	#48443c	#48443c	#c3cccc	#c3cccc	#0d1616	#0d1616
#fffcf9	#fffcf9	#24221e	#24221e	#e1e5e5	#e1e5e5	#060b0b	#060b0b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe papayawhip und Farbwert #2f4f4f

Wechsel der Textfarbe bei Hover mit Befehl dd

Die Textfarbe soll sich von Farbe papayawhip auf Farbwert #2f4f4f ändern, wenn man mit der Maus auf <dd> zeigt. Bereiten wir zunächst eine Formatierung von <dd> in Farbe papayawhip vor.

Hier setzen wir bei <dd> die Textfarbe auf Farbe papayawhip. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf verdana und setzen die Größe der Schrift auf 121%:

<style type="text/css"><!--
  dd { 
    color: papayawhip; 
    font-size: 121%; 
    font-family: verdana;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu #2f4f4f ändert.

<style type="text/css"><!--
  dd:hover { 
    color:#2f4f4f;
  }
//-->
</style>

Mehr zu dd erfahren Sie in Listen und Glossare in HTML. Einzelheiten vom Befehl dd finden Sie in der HTML Referenz unter <dd>.

Text- und Unterstreichungsfarben mit HTML-Befehl a

Einen Verweis setzt man mit HTML-Tag <a>. Diesen können Sie hervorheben und farblich gestalten.

Für dieses Beispiel ändern wir die Textfarbe von <a> auf Farbwert #2f4f4f und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf arial. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines herausstehenden Rahmens mit 1 Punkte Dicke in Farbe papayawhip. Mit HTML ist dies kaum machbar. Deshalb nutzen wir hier CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    font-size:13px; 
    border-bottom-color:papayawhip; 
    border-bottom-width:1pt; 
    font-family:arial; 
    color:#2f4f4f; 
    border-bottom-style:outset;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema a finden Sie in Verweise und Protokolle in HTML. Einzelheiten des HTML-Tag <a>.