Ressourcen: 120 HTML Farbnamen - Kombination von Farbe deepskyblue und Farbwert #dcdcdc

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 deepskyblue			Schriftfarbwert #dcdcdc
Detail	:	Hintergrund deepskyblue	Detail	:	Schrift #dcdcdc
Farbe	:	deepskyblue	Farbwert	:	#dcdcdc
Farbwert	:	#00bfff	Farbe	:	gainsboro
HTML	:	deepskyblue	HTML	:	#dcdcdc
HTML (Wert)	:	#00bfff	HTML (Wert)	:	#dcdcdc
CSS	:	deepskyblue	CSS	:	#dcdcdc
CSS (Wert)	:	#00bfff	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#00bfff	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(0,191,255)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(0%,74%,100%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbe deepskyblue nach Schriftfarbwert #dcdcdc
#00bfff	#1fc3fa	#3ec7f5	#5ecbf0	#7dcfeb	#9dd3e6	#bcd7e1	#dcdcdc
#00bfff	#1fc3fa	#3ec7f5	#5ecbf0	#7dcfeb	#9dd3e6	#bcd7e1	#dcdcdc

Kombination von deepskyblue und #dcdcdc
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund deepskyblue ist #dcdcdc ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #dcdcdc und deepskyblue beträgt 92.63%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.37%.

Hintergrundfarbe deepskyblue				Schriftfarbwert #dcdcdc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00bfff	#00bfff	#00bfff	#00bfff	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#24c8ff	#24c8ff	#00a3da	#00a3da	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#48d1ff	#48d1ff	#0088b6	#0088b6	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#6ddaff	#6ddaff	#006d91	#006d91	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#91e3ff	#91e3ff	#00516d	#00516d	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#b6ecff	#b6ecff	#003648	#003648	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#daf5ff	#daf5ff	#001b24	#001b24	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe deepskyblue und Farbwert #dcdcdc

Füllen und Umranden bei Tag center

Hier umranden wir <center> mit einem herausstehenden, 5 Pixel dicken Rahmen in Farbwert #dcdcdc . Die Hintergrundfarbe für <center> setzen wir entsprechend auf Farbe deepskyblue. Das ist mit HTML so kaum möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  center { border:5px outset #dcdcdc; background-color:deepskyblue; }
//-->
</style>

Weiteres zu center erfahren Sie in Grundlegende Gestaltungselemente in HTML. Der hier verwendete Tag center ist in der HTML Referenz unter <center> genau beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit Befehl li

Die Hintergrundfarbe soll sich von Farbe deepskyblue auf Farbwert #dcdcdc ändern, wenn man mit der Maus auf <li> zeigt. Wir bereiten zunächst die Formatierung von <li> in Farbe deepskyblue vor.

Wir legen hier Farbe deepskyblue als Hintergrundfarbe von <li> fest.

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

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #dcdcdc gesetzt wird.

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

Mehr zum Thema li können Sie in Listen und Glossare in HTML erfahren. Einzelheiten vom HTML-Befehl <li>.