Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumturquoise und Farbe mediumblue

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			Schriftfarbe mediumblue
Detail	:	Hintergrund mediumturquoise	Detail	:	Schrift mediumblue
Farbe	:	mediumturquoise	Farbe	:	mediumblue
Farbwert	:	#48d1cc	Farbwert	:	#0000cd
HTML	:	mediumturquoise	HTML	:	mediumblue
HTML (Wert)	:	#48d1cc	HTML (Wert)	:	#0000cd
CSS	:	mediumturquoise	CSS	:	mediumblue
CSS (Wert)	:	#48d1cc	CSS (Wert)	:	#0000cd
CSS (kürzest)	:	#48d1cc	CSS (kürzest)	:	#0000cd
CSS (RGB)	:	rgb(72,209,204)	CSS (RGB)	:	rgb(0,0,205)
CSS (%RGB)	:	rgb(28%,81%,80%)	CSS (%RGB)	:	rgb(0%,0%,80%)

Verlauf Hintergrundfarbe mediumturquoise nach Schriftfarbe mediumblue
#48d1cc	#3db3cc	#3395cc	#2977cc	#1e59cc	#143bcc	#0a1dcc	#0000cd
#48d1cc	#3db3cc	#3395cc	#2977cc	#1e59cc	#143bcc	#0a1dcc	#0000cd

Kombination von mediumturquoise und mediumblue
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von mediumblue und mediumturquoise beträgt 71.48%. Die Lesbarkeit dieser Farbkombination liegt damit bei 28.52%. Auf Hintergrund mediumturquoise ist mediumblue ungeeignet, da sich die Farben zu ähnlich sind.

Hintergrundfarbe mediumturquoise				Schriftfarbe mediumblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#48d1cc	#48d1cc	#48d1cc	#48d1cc	#0000cd	#0000cd	#0000cd	#0000cd
#62d7d3	#62d7d3	#3db3ae	#3db3ae	#2424d4	#2424d4	#0000af	#0000af
#7cdeda	#7cdeda	#339591	#339591	#4848db	#4848db	#000092	#000092
#96e4e1	#96e4e1	#297774	#297774	#6d6de2	#6d6de2	#000075	#000075
#b0ebe9	#b0ebe9	#1e5957	#1e5957	#9191e9	#9191e9	#000057	#000057
#caf1f0	#caf1f0	#143b3a	#143b3a	#b6b6f0	#b6b6f0	#00003a	#00003a
#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d	#dadaf7	#dadaf7	#00001d	#00001d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumturquoise und Farbe mediumblue

Wechsel der Textfarbe bei Hover bei HTML-Tag center

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

Wir legen zum Beispiel Farbe mediumturquoise als Textfarbe von <center> fest. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  center { 
    font-size: 13px; 
    color: mediumturquoise;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf mediumblue ändert.

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Möglichkeiten vom hier verwendeten Befehl <center>.

Füllen und Umranden bei HTML-Befehl hr

Für dieses Beispiel umranden wir <hr> mit einem . Die Hintergrundfarbe für <hr> färben wir entsprechend mit Farbe mediumturquoise. Dies ist mit HTML nicht möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  hr { border:1pt dashed mediumblue; background-color:mediumturquoise; }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten des hier genutzten Befehl hr sind in der HTML Referenz unter <hr> zusammengestellt.