Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumturquoise und Farbwert #eee8aa

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 mediumturquoise			Schriftfarbwert #eee8aa
Detail	:	Hintergrund mediumturquoise	Detail	:	Schrift #eee8aa
Farbe	:	mediumturquoise	Farbwert	:	#eee8aa
Farbwert	:	#48d1cc	Farbe	:	palegoldenrod
HTML	:	mediumturquoise	HTML	:	#eee8aa
HTML (Wert)	:	#48d1cc	HTML (Wert)	:	#eee8aa
CSS	:	mediumturquoise	CSS	:	#eee8aa
CSS (Wert)	:	#48d1cc	CSS (Wert)	:	#eee8aa
CSS (kürzest)	:	#48d1cc	CSS (kürzest)	:	#eee8aa
CSS (RGB)	:	rgb(72,209,204)	CSS (RGB)	:	rgb(238,232,170)
CSS (%RGB)	:	rgb(28%,81%,80%)	CSS (%RGB)	:	rgb(93%,90%,66%)

Verlauf Hintergrundfarbe mediumturquoise nach Schriftfarbwert #eee8aa
#48d1cc	#5fd4c7	#77d7c2	#8fdabd	#a6deb8	#bee1b3	#d6e4ae	#eee8aa
#48d1cc	#5fd4c7	#77d7c2	#8fdabd	#a6deb8	#bee1b3	#d6e4ae	#eee8aa

Kombination von mediumturquoise und #eee8aa
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben #eee8aa und mediumturquoise ergibt sich zu 92.92%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 7.08%. #eee8aa ist nicht als Schriftfarbe auf Hintergrund mediumturquoise geeignet. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbe mediumturquoise				Schriftfarbwert #eee8aa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#48d1cc	#48d1cc	#48d1cc	#48d1cc	#eee8aa	#eee8aa	#eee8aa	#eee8aa
#62d7d3	#62d7d3	#3db3ae	#3db3ae	#f0ebb6	#f0ebb6	#ccc691	#ccc691
#7cdeda	#7cdeda	#339591	#339591	#f2eec2	#f2eec2	#aaa579	#aaa579
#96e4e1	#96e4e1	#297774	#297774	#f5f1ce	#f5f1ce	#888461	#888461
#b0ebe9	#b0ebe9	#1e5957	#1e5957	#f7f5da	#f7f5da	#666348	#666348
#caf1f0	#caf1f0	#143b3a	#143b3a	#faf8e6	#faf8e6	#444230	#444230
#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d	#fcfbf2	#fcfbf2	#222118	#222118
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumturquoise und Farbwert #eee8aa

Text- und Unterstreichungsfarben bei HTML-Befehl code

Hier ändern wir die Textfarbe von <code> auf Farbwert #eee8aa. Die Schriftart setzen wir auf verdana und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <code> mit Hilfe eines einfallenden Rahmens mit 2 Punkte Dicke in Farbe mediumturquoise. Dies ist in HTML kaum möglich. Daher verwenden wir dafür CSS.

<style type="text/css"><!--
  code { 
    color: #eee8aa; 
    border-bottom: 2pt inset mediumturquoise; 
    font-size: 13px; 
    font-family: verdana;
  }
//-->
</style>

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

Weiteres zum Thema können Sie in Text in HTML nachlesen. Weiteres zum hier verwendeten Befehl <code>.

Wechsel der Textfarbe bei Hover mit HTML-Tag h2

Eine Überschrift der 2. Stufe wird mit HTML-Befehl <h2> gesetzt. Diese kann man hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbe mediumturquoise auf Farbwert #eee8aa ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <h2> in Farbe mediumturquoise vor.

Für dieses Beispiel legen wir Farbe mediumturquoise als Textfarbe von <h2> fest. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart setzen wir auf courier new:

<style type="text/css"><!--
  h2 { 
    color: mediumturquoise; 
    font-family: courier new;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #eee8aa gesetzt wird.

<style type="text/css"><!--
  h2:hover { 
    color:#eee8aa;
  }
//-->
</style>

Weiteres zu h2 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten vom hier genutzten HTML-Befehl h2 sind in der HTML Referenz unter <h2> genau zusammengestellt.