Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightyellow und Farbwert #2f4f4f

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 lightyellow			Schriftfarbwert #2f4f4f
Detail	:	Hintergrund lightyellow	Detail	:	Schrift #2f4f4f
Farbe	:	lightyellow	Farbwert	:	#2f4f4f
Farbwert	:	#ffffe0	Farbe	:	darkslategray
HTML	:	lightyellow	HTML	:	#2f4f4f
HTML (Wert)	:	#ffffe0	HTML (Wert)	:	#2f4f4f
CSS	:	lightyellow	CSS	:	#2f4f4f
CSS (Wert)	:	#ffffe0	CSS (Wert)	:	#2f4f4f
CSS (kürzest)	:	#ffffe0	CSS (kürzest)	:	#2f4f4f
CSS (RGB)	:	rgb(255,255,224)	CSS (RGB)	:	rgb(47,79,79)
CSS (%RGB)	:	rgb(100%,100%,87%)	CSS (%RGB)	:	rgb(18%,30%,30%)

Verlauf Hintergrundfarbe lightyellow nach Schriftfarbwert #2f4f4f
#ffffe0	#e1e5cb	#c3ccb6	#a5b3a1	#889a8d	#6a8178	#4c6863	#2f4f4f
#ffffe0	#e1e5cb	#c3ccb6	#a5b3a1	#889a8d	#6a8178	#4c6863	#2f4f4f

Kombination von lightyellow und #2f4f4f
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#2f4f4f eignet sich als Schriftfarbe auf Hintergrund lightyellow, da die Unterschiede in Helligkeit und Farbe ok sind. Die Ähnlichkeit der Farben #2f4f4f und lightyellow ergibt sich zu 58.23%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 41.77%.

Hintergrundfarbe lightyellow				Schriftfarbwert #2f4f4f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffe0	#ffffe0	#ffffe0	#ffffe0	#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f
#ffffe4	#ffffe4	#dadac0	#dadac0	#4c6868	#4c6868	#284343	#284343
#ffffe8	#ffffe8	#b6b6a0	#b6b6a0	#6a8181	#6a8181	#213838	#213838
#ffffed	#ffffed	#919180	#919180	#889a9a	#889a9a	#1a2d2d	#1a2d2d
#fffff1	#fffff1	#6d6d60	#6d6d60	#a5b3b3	#a5b3b3	#142121	#142121
#fffff6	#fffff6	#484840	#484840	#c3cccc	#c3cccc	#0d1616	#0d1616
#fffffa	#fffffa	#242420	#242420	#e1e5e5	#e1e5e5	#060b0b	#060b0b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightyellow und Farbwert #2f4f4f

Hintergrund/Text-Kombination mit Befehl abbr

Für dieses Beispiel ändern wir die Textfarbe von <abbr> auf Farbwert #2f4f4f und die Hintergrundfarbe von <abbr> auf Farbe lightyellow. Als Schriftart setzen wir arial und setzen die Schriftgröße auf 10pt.

<style type="text/css"><!--
  abbr { 
    color: #2f4f4f; 
    font-family: arial; 
    background-color: lightyellow; 
    font-size: 10pt;
  }
//-->
</style>

Möglichkeiten vom hier genutzten HTML-Tag abbr sind in der HTML Referenz bei <abbr> beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag li

Die Hintergrundfarbe soll sich von Farbe lightyellow auf Farbwert #2f4f4f ändern, wenn man mit der Maus auf <li> zeigt. Wir bereiten zunächst die Formatierung von <li> in Farbe lightyellow vor.

Wir legen hier die Hintergrundfarbe von <li> auf Farbe lightyellow fest. Die Schriftgröße erhöhen wir auf 128%.

<style type="text/css"><!--
  li { 
    font-size:128%; 
    background-color:lightyellow;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf #2f4f4f geändert wird.

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

Mehr zum Thema können Sie in Listen und Glossare in HTML finden. Einzelheiten des HTML-Befehl <li>.