Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumblue und Farbwert #fff5ee

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 mediumblue			Schriftfarbwert #fff5ee
Detail	:	Hintergrund mediumblue	Detail	:	Schrift #fff5ee
Farbe	:	mediumblue	Farbwert	:	#fff5ee
Farbwert	:	#0000cd	Farbe	:	seashell
HTML	:	mediumblue	HTML	:	#fff5ee
HTML (Wert)	:	#0000cd	HTML (Wert)	:	#fff5ee
CSS	:	mediumblue	CSS	:	#fff5ee
CSS (Wert)	:	#0000cd	CSS (Wert)	:	#fff5ee
CSS (kürzest)	:	#0000cd	CSS (kürzest)	:	#fff5ee
CSS (RGB)	:	rgb(0,0,205)	CSS (RGB)	:	rgb(255,245,238)
CSS (%RGB)	:	rgb(0%,0%,80%)	CSS (%RGB)	:	rgb(100%,96%,93%)

Verlauf Hintergrundfarbe mediumblue nach Schriftfarbwert #fff5ee
#0000cd	#2423d1	#4846d6	#6d69db	#918cdf	#b6afe4	#dad2e9	#fff5ee
#0000cd	#2423d1	#4846d6	#6d69db	#918cdf	#b6afe4	#dad2e9	#fff5ee

Kombination von mediumblue und #fff5ee
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#fff5ee eignet sich als Schriftfarbe auf Hintergrund mediumblue, da die Unterschiede in Helligkeit und Farbe in Ordnung sind. Die Ähnlichkeit der Farben #fff5ee und mediumblue beträgt 50.53%. Die Lesbarkeit dieser Kombination ergibt sich zu 49.47%.

Hintergrundfarbe mediumblue				Schriftfarbwert #fff5ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000cd	#0000cd	#0000cd	#0000cd	#fff5ee	#fff5ee	#fff5ee	#fff5ee
#2424d4	#2424d4	#0000af	#0000af	#fff6f0	#fff6f0	#dad2cc	#dad2cc
#4848db	#4848db	#000092	#000092	#fff7f2	#fff7f2	#b6afaa	#b6afaa
#6d6de2	#6d6de2	#000075	#000075	#fff9f5	#fff9f5	#918c88	#918c88
#9191e9	#9191e9	#000057	#000057	#fffaf7	#fffaf7	#6d6966	#6d6966
#b6b6f0	#b6b6f0	#00003a	#00003a	#fffcfa	#fffcfa	#484644	#484644
#dadaf7	#dadaf7	#00001d	#00001d	#fffdfc	#fffdfc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumblue und Farbwert #fff5ee

Hintergrund/Text-Kombination bei Tag table

Hier ändern wir die Textfarbe von <table> auf Farbwert #fff5ee und die Hintergrundfarbe von <table> auf Farbe mediumblue. Als Schriftart wählen wir courier new. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  table { 
    color:#fff5ee; 
    font-size:13px; 
    background-color:mediumblue; 
    font-family:courier new;
  }
//-->
</style>

Weiteres zu table erfahren Sie in Tabellen in HTML. Mehr zum Tag <table>.

Wechsel der Hintergrundfarbe bei Hover von Tag samp

Die Hintergrundfarbe soll sich von Farbe mediumblue auf Farbwert #fff5ee ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <samp> in Farbe mediumblue vor.

Z.B. setzen wir bei <samp> die Hintergrundfarbe auf Farbe mediumblue.

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

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #fff5ee geändert wird.

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

Weiteres zum Thema samp können Sie in Text in HTML finden. Mehr zum HTML-Tag samp finden Sie in der HTML Referenz unter <samp>.