Ressourcen: 137 HTML Farbnamen - Kombination von Farbe midnightblue und Farbe burlywood

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 midnightblue			Schriftfarbe burlywood
Detail	:	Hintergrund midnightblue	Detail	:	Schrift burlywood
Farbe	:	midnightblue	Farbe	:	burlywood
Farbwert	:	#191970	Farbwert	:	#deb887
HTML	:	midnightblue	HTML	:	burlywood
HTML (Wert)	:	#191970	HTML (Wert)	:	#deb887
CSS	:	midnightblue	CSS	:	burlywood
CSS (Wert)	:	#191970	CSS (Wert)	:	#deb887
CSS (kürzest)	:	#191970	CSS (kürzest)	:	#deb887
CSS (RGB)	:	rgb(25,25,112)	CSS (RGB)	:	rgb(222,184,135)
CSS (%RGB)	:	rgb(9%,9%,43%)	CSS (%RGB)	:	rgb(87%,72%,52%)

Verlauf Hintergrundfarbe midnightblue nach Schriftfarbe burlywood
#191970	#352f73	#514676	#6d5d79	#89737d	#a58a80	#c1a183	#deb887
#191970	#352f73	#514676	#6d5d79	#89737d	#a58a80	#c1a183	#deb887

Kombination von midnightblue und burlywood
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				burlywood ist nicht als Schriftfarbe auf Hintergrund midnightblue geeignet, da der Farbunterschied zu gering ist Die Ähnlichkeit von burlywood und midnightblue beträgt 61.91%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 38.09%.

Hintergrundfarbe midnightblue				Schriftfarbe burlywood
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#191970	#191970	#191970	#191970	#deb887	#deb887	#deb887	#deb887
#393984	#393984	#151560	#151560	#e2c298	#e2c298	#be9d73	#be9d73
#5a5a98	#5a5a98	#111150	#111150	#e7cca9	#e7cca9	#9e8360	#9e8360
#7b7bad	#7b7bad	#0e0e40	#0e0e40	#ecd6ba	#ecd6ba	#7e694d	#7e694d
#9c9cc1	#9c9cc1	#0a0a30	#0a0a30	#f0e0cb	#f0e0cb	#5f4e39	#5f4e39
#bdbdd6	#bdbdd6	#070720	#070720	#f5eadc	#f5eadc	#3f3426	#3f3426
#dedeea	#dedeea	#030310	#030310	#faf4ed	#faf4ed	#1f1a13	#1f1a13
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe midnightblue und Farbe burlywood

Wechsel der Textfarbe bei Hover von HTML-Befehl center

Die Textfarbe soll sich von Farbe midnightblue auf Farbe burlywood ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <center> in Farbe midnightblue vor.

Wir legen zum Beispiel Farbe midnightblue als Textfarbe von <center> fest. Zwar verändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf verdana. Die Schriftgröße setzen wir auf 85S%:

<style type="text/css"><!--
  center { 
    color:midnightblue; 
    font-family:verdana; 
    font-size:85S%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf burlywood gesetzt wird.

<style type="text/css"><!--
  center:hover { 
    color:burlywood;
  }
//-->
</style>

Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten des Befehl center sind in der HTML Referenz unter <center> genau gezeigt.

Hintergrund/Text-Kombination mit HTML-Befehl table

Wir ändern für dieses Beispiel die Textfarbe von <table> auf Farbe burlywood und die Hintergrundfarbe von <table> auf Farbe midnightblue. Als Schriftart wählen wir arial und vergrößern die Schriftgröße auf 122%.

<style type="text/css"><!--
  table { 
    font-size:122%; 
    color:burlywood; 
    background-color:midnightblue; 
    font-family:arial;
  }
//-->
</style>

Mehr zum Thema table lesen Sie in Tabellen in HTML. Einzelheiten des Befehl table sind in der HTML Referenz unter <table> genau zusammengestellt.