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

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 #f0ffff
Detail	:	Hintergrund mediumturquoise	Detail	:	Schrift #f0ffff
Farbe	:	mediumturquoise	Farbwert	:	#f0ffff
Farbwert	:	#48d1cc	Farbe	:	azure
HTML	:	mediumturquoise	HTML	:	#f0ffff
HTML (Wert)	:	#48d1cc	HTML (Wert)	:	#f0ffff
CSS	:	mediumturquoise	CSS	:	#f0ffff
CSS (Wert)	:	#48d1cc	CSS (Wert)	:	#f0ffff
CSS (kürzest)	:	#48d1cc	CSS (kürzest)	:	#f0ffff
CSS (RGB)	:	rgb(72,209,204)	CSS (RGB)	:	rgb(240,255,255)
CSS (%RGB)	:	rgb(28%,81%,80%)	CSS (%RGB)	:	rgb(94%,100%,100%)

Verlauf Hintergrundfarbe mediumturquoise nach Schriftfarbwert #f0ffff
#48d1cc	#60d7d3	#78deda	#90e4e1	#a8ebe9	#c0f1f0	#d8f8f7	#f0ffff
#48d1cc	#60d7d3	#78deda	#90e4e1	#a8ebe9	#c0f1f0	#d8f8f7	#f0ffff

Kombination von mediumturquoise und #f0ffff
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit von #f0ffff und mediumturquoise beträgt 91.36%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 8.64%. #f0ffff eignet sich nicht als Schriftfarbe auf Hintergrund mediumturquoise. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe mediumturquoise				Schriftfarbwert #f0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#48d1cc	#48d1cc	#48d1cc	#48d1cc	#f0ffff	#f0ffff	#f0ffff	#f0ffff
#62d7d3	#62d7d3	#3db3ae	#3db3ae	#f2ffff	#f2ffff	#cddada	#cddada
#7cdeda	#7cdeda	#339591	#339591	#f4ffff	#f4ffff	#abb6b6	#abb6b6
#96e4e1	#96e4e1	#297774	#297774	#f6ffff	#f6ffff	#899191	#899191
#b0ebe9	#b0ebe9	#1e5957	#1e5957	#f8ffff	#f8ffff	#666d6d	#666d6d
#caf1f0	#caf1f0	#143b3a	#143b3a	#faffff	#faffff	#444848	#444848
#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d	#fcffff	#fcffff	#222424	#222424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumturquoise und Farbwert #f0ffff

Wechsel der Hintergrundfarbe bei Hover mit Befehl thead

Die Hintergrundfarbe soll sich von Farbe mediumturquoise auf Farbwert #f0ffff ändern, wenn man mit der Maus auf <thead> zeigt. Wir bereiten zunächst eine Darstellung von <thead> in Farbe mediumturquoise vor.

Wir legen hier die Hintergrundfarbe von <thead> auf Farbe mediumturquoise fest. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  thead { 
    font-family: verdana; 
    background-color: mediumturquoise;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #f0ffff ändert.

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

Mehr zum Thema erfahren Sie in Tabellen in HTML. Mehr zum HTML-Befehl thead lesen Sie in der HTML Referenz unter <thead>.

Füllen und Umranden mit Tag hr

Bei diesem Beispiel umranden wir <hr> mit einem 1 Pixel dicken, doppelten Rahmen in Farbwert #f0ffff . Die Hintergrundfarbe für <hr> setzen wir auf Farbe mediumturquoise. Dies geht in HTML nicht. Deshalb nutzen wir hier CSS zur Formatierung.

<style type="text/css"><!--
  hr { border:1px double #f0ffff; background-color:mediumturquoise; }
//-->
</style>

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des hier gezeigten Befehl <hr>.