Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #0000cd und Farbe darkcyan

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.

Hintergrundfarbwert #0000cd			Schriftfarbe darkcyan
Detail	:	Hintergrund #0000cd	Detail	:	Schrift darkcyan
Farbwert	:	#0000cd	Farbe	:	darkcyan
Farbe	:	mediumblue	Farbwert	:	#008b8b
HTML	:	#0000cd	HTML	:	darkcyan
HTML (Wert)	:	#0000cd	HTML (Wert)	:	#008b8b
CSS	:	#0000cd	CSS	:	darkcyan
CSS (Wert)	:	#0000cd	CSS (Wert)	:	#008b8b
CSS (kürzest)	:	#0000cd	CSS (kürzest)	:	#008b8b
CSS (RGB)	:	rgb(0,0,205)	CSS (RGB)	:	rgb(0,139,139)
CSS (%RGB)	:	rgb(0%,0%,80%)	CSS (%RGB)	:	rgb(0%,54%,54%)

Verlauf Hintergrundfarbwert #0000cd nach Schriftfarbe darkcyan
#0000cd	#0013c3	#0027ba	#003bb0	#004fa7	#00639d	#007794	#008b8b
#0000cd	#0013c3	#0027ba	#003bb0	#004fa7	#00639d	#007794	#008b8b

Kombination von #0000cd und darkcyan
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #0000cd ist darkcyan ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben darkcyan und #0000cd beträgt 87.18%. Die Lesbarkeit dieser Farbkombination liegt damit bei 12.82%.

Hintergrundfarbwert #0000cd				Schriftfarbe darkcyan
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000cd	#0000cd	#0000cd	#0000cd	#008b8b	#008b8b	#008b8b	#008b8b
#2424d4	#2424d4	#0000af	#0000af	#249b9b	#249b9b	#007777	#007777
#4848db	#4848db	#000092	#000092	#48acac	#48acac	#006363	#006363
#6d6de2	#6d6de2	#000075	#000075	#6dbcbc	#6dbcbc	#004f4f	#004f4f
#9191e9	#9191e9	#000057	#000057	#91cdcd	#91cdcd	#003b3b	#003b3b
#b6b6f0	#b6b6f0	#00003a	#00003a	#b6dddd	#b6dddd	#002727	#002727
#dadaf7	#dadaf7	#00001d	#00001d	#daeeee	#daeeee	#001313	#001313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #0000cd und Farbe darkcyan

Wechsel der Textfarbe bei Hover bei Tag pre

Die Textfarbe soll sich von Farbwert #0000cd auf Farbe darkcyan ändern, wenn man mit der Maus auf <pre> zeigt. Bereiten wir zunächst die Darstellung von <pre> in Farbwert #0000cd vor.

Hier legen wir bei <pre> die Textfarbe auf Farbwert #0000cd fest und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  pre { 
    font-size:13px; 
    color:#0000cd;
  }
//-->
</style>

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

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

Mehr zum Thema pre können Sie in Blockorientierte Elemente in HTML nachlesen. Möglichkeiten des hier gezeigten HTML-Tag pre sind in der HTML Referenz unter <pre> ausführlich gezeigt.

Wechsel der Umrandung bei Hover bei Tag address

Die Rahmenfarbe soll sich von Farbwert #0000cd auf Farbe darkcyan ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <address> in Farbwert #0000cd vor.

In diesem Beispiel umranden wir <address> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbwert #0000cd.

<style type="text/css"><!--
  address { 
    border-style: ridge; 
    border-width: 5px; 
    border-color: #0000cd;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf darkcyan geändert wird.

<style type="text/css"><!--
  address:hover { 
    border-color:darkcyan;
  }
//-->
</style>

Mehr zum Thema address können Sie in Blockorientierte Elemente in HTML finden. Weiteres zum Tag <address>.