Ressourcen: 120 HTML Farbnamen - Kombination von Farbe turquoise und Farbe royalblue

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 turquoise			Schriftfarbe royalblue
Detail	:	Hintergrund turquoise	Detail	:	Schrift royalblue
Farbe	:	turquoise	Farbe	:	royalblue
Farbwert	:	#40e0d0	Farbwert	:	#4169e1
HTML	:	turquoise	HTML	:	royalblue
HTML (Wert)	:	#40e0d0	HTML (Wert)	:	#4169e1
CSS	:	turquoise	CSS	:	royalblue
CSS (Wert)	:	#40e0d0	CSS (Wert)	:	#4169e1
CSS (kürzest)	:	#40e0d0	CSS (kürzest)	:	#4169e1
CSS (RGB)	:	rgb(64,224,208)	CSS (RGB)	:	rgb(65,105,225)
CSS (%RGB)	:	rgb(25%,87%,81%)	CSS (%RGB)	:	rgb(25%,41%,88%)

Verlauf Hintergrundfarbe turquoise nach Schriftfarbe royalblue
#40e0d0	#40cfd2	#40bed4	#40add7	#409cd9	#408bdc	#407ade	#4169e1
#40e0d0	#40cfd2	#40bed4	#40add7	#409cd9	#408bdc	#407ade	#4169e1

Kombination von turquoise und royalblue
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von royalblue und turquoise ergibt sich zu 85.94%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 14.06%. royalblue eignet sich nicht als Schriftfarbe auf Hintergrund turquoise. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug.

Hintergrundfarbe turquoise				Schriftfarbe royalblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#40e0d0	#40e0d0	#40e0d0	#40e0d0	#4169e1	#4169e1	#4169e1	#4169e1
#5be4d6	#5be4d6	#36c0b2	#36c0b2	#5c7ee5	#5c7ee5	#375ac0	#375ac0
#76e8dd	#76e8dd	#2da094	#2da094	#7793e9	#7793e9	#2e4ba0	#2e4ba0
#91ede4	#91ede4	#248076	#248076	#92a9ed	#92a9ed	#253c80	#253c80
#adf1ea	#adf1ea	#1b6059	#1b6059	#adbef2	#adbef2	#1b2d60	#1b2d60
#c8f6f1	#c8f6f1	#12403b	#12403b	#c8d4f6	#c8d4f6	#121e40	#121e40
#e3faf8	#e3faf8	#09201d	#09201d	#e3e9fa	#e3e9fa	#090f20	#090f20
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe turquoise und Farbe royalblue

Füllen und Umranden von HTML-Befehl hr

In diesem Beispiel umranden wir <hr> mit einem herausstehenden, 4 Punkte dicken Rahmen in Farbe royalblue . Den Hintergrund von <hr> färben wir mit Farbe turquoise. Dies geht in HTML nicht. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  hr { border:4pt outset royalblue; background-color:turquoise; }
//-->
</style>

Weiteres zu hr können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten vom Tag hr sind in der HTML Referenz unter <hr> genau gezeigt.

Wechsel der Hintergrundfarbe bei Hover mit Tag a

Mit HTML-Befehl <a> erzeugen Sie einen Verweis. Diesen können Sie farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbe turquoise auf Farbe royalblue ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbe turquoise vor.

Wir legen hier bei <a> die Hintergrundfarbe auf Farbe turquoise fest. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf courier new und vergrößern die Größe der Schrift auf 127%:

<style type="text/css"><!--
  a { 
    font-family: courier new; 
    font-size: 127%; 
    background-color: turquoise;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu royalblue ändert.

<style type="text/css"><!--
  a:hover { 
    background-color:royalblue;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML lesen. Einzelheiten des Befehl a lesen Sie in der HTML Referenz unter <a>.