Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkturquoise und Farbe deepskyblue

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 darkturquoise			Schriftfarbe deepskyblue
Detail	:	Hintergrund darkturquoise	Detail	:	Schrift deepskyblue
Farbe	:	darkturquoise	Farbe	:	deepskyblue
Farbwert	:	#00ced1	Farbwert	:	#00bfff
HTML	:	darkturquoise	HTML	:	deepskyblue
HTML (Wert)	:	#00ced1	HTML (Wert)	:	#00bfff
CSS	:	darkturquoise	CSS	:	deepskyblue
CSS (Wert)	:	#00ced1	CSS (Wert)	:	#00bfff
CSS (kürzest)	:	#00ced1	CSS (kürzest)	:	#00bfff
CSS (RGB)	:	rgb(0,206,209)	CSS (RGB)	:	rgb(0,191,255)
CSS (%RGB)	:	rgb(0%,80%,81%)	CSS (%RGB)	:	rgb(0%,74%,100%)

Verlauf Hintergrundfarbe darkturquoise nach Schriftfarbe deepskyblue
#00ced1	#00cbd7	#00c9de	#00c7e4	#00c5eb	#00c3f1	#00c1f8	#00bfff
#00ced1	#00cbd7	#00c9de	#00c7e4	#00c5eb	#00c3f1	#00c1f8	#00bfff

Kombination von darkturquoise und deepskyblue
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				deepskyblue ist nicht als Schriftfarbe auf Hintergrund darkturquoise geeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von deepskyblue und darkturquoise ergibt sich zu 94.83%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.17%.

Hintergrundfarbe darkturquoise				Schriftfarbe deepskyblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ced1	#00ced1	#00ced1	#00ced1	#00bfff	#00bfff	#00bfff	#00bfff
#24d5d7	#24d5d7	#00b0b3	#00b0b3	#24c8ff	#24c8ff	#00a3da	#00a3da
#48dcde	#48dcde	#009395	#009395	#48d1ff	#48d1ff	#0088b6	#0088b6
#6de3e4	#6de3e4	#007577	#007577	#6ddaff	#6ddaff	#006d91	#006d91
#91eaeb	#91eaeb	#005859	#005859	#91e3ff	#91e3ff	#00516d	#00516d
#b6f1f1	#b6f1f1	#003a3b	#003a3b	#b6ecff	#b6ecff	#003648	#003648
#daf8f8	#daf8f8	#001d1d	#001d1d	#daf5ff	#daf5ff	#001b24	#001b24
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkturquoise und Farbe deepskyblue

Füllen und Umranden von Tag hr

Für dieses Beispiel umranden wir <hr> mit einem 4 Punkte dicken, gezahnten Rahmen in Farbe deepskyblue . Die Hintergrundfarbe für <hr> färben wir entsprechend mit Farbe darkturquoise. Mit HTML geht dies kaum. Deshalb verwenden wir hier CSS.

<style type="text/css"><!--
  hr { 
    border-width: 4pt; 
    background-color: darkturquoise; 
    border-color: deepskyblue; 
    border-style: ridge;
  }
//-->
</style>

Weiteres zum Thema hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des Befehl <hr>.

Wechsel der Textfarbe bei Hover von Tag em

Die Textfarbe soll sich von Farbe darkturquoise auf Farbe deepskyblue ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <em> in Farbe darkturquoise vor.

Hier legen wir die Textfarbe von <em> auf Farbe darkturquoise fest. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart setzen wir auf monospace.

<style type="text/css"><!--
  em { 
    font-family:monospace; 
    color:darkturquoise;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf deepskyblue ändert.

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

Mehr zum Thema em können Sie in Text in HTML nachlesen. Die Beschreibung vom Befehl em lesen Sie in der HTML Referenz unter <em>.