Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #dcdcdc und Farbwert #87cefa

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 #dcdcdc			Schriftfarbwert #87cefa
Detail	:	Hintergrund #dcdcdc	Detail	:	Schrift #87cefa
Farbwert	:	#dcdcdc	Farbwert	:	#87cefa
Farbe	:	gainsboro	Farbe	:	lightskyblue
HTML	:	#dcdcdc	HTML	:	#87cefa
HTML (Wert)	:	#dcdcdc	HTML (Wert)	:	#87cefa
CSS	:	#dcdcdc	CSS	:	#87cefa
CSS (Wert)	:	#dcdcdc	CSS (Wert)	:	#87cefa
CSS (kürzest)	:	#dcdcdc	CSS (kürzest)	:	#87cefa
CSS (RGB)	:	rgb(220,220,220)	CSS (RGB)	:	rgb(135,206,250)
CSS (%RGB)	:	rgb(86%,86%,86%)	CSS (%RGB)	:	rgb(52%,80%,98%)

Verlauf Hintergrundfarbwert #dcdcdc nach Schriftfarbwert #87cefa
#dcdcdc	#cfdae0	#c3d8e4	#b7d6e8	#abd4ed	#9fd2f1	#93d0f5	#87cefa
#dcdcdc	#cfdae0	#c3d8e4	#b7d6e8	#abd4ed	#9fd2f1	#93d0f5	#87cefa

Kombination von #dcdcdc und #87cefa
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#87cefa eignet sich nicht als Schriftfarbe auf Hintergrund #dcdcdc, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit der Farben #87cefa und #dcdcdc ergibt sich zu 94.04%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.96%.

Hintergrundfarbwert #dcdcdc				Schriftfarbwert #87cefa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc	#87cefa	#87cefa	#87cefa	#87cefa
#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc	#98d5fa	#98d5fa	#73b0d6	#73b0d6
#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d	#a9dcfb	#a9dcfb	#6093b2	#6093b2
#ebebeb	#ebebeb	#7d7d7d	#7d7d7d	#bae3fc	#bae3fc	#4d758e	#4d758e
#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e	#cbeafc	#cbeafc	#39586b	#39586b
#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e	#dcf1fd	#dcf1fd	#263a47	#263a47
#fafafa	#fafafa	#1f1f1f	#1f1f1f	#edf8fe	#edf8fe	#131d23	#131d23
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dcdcdc und Farbwert #87cefa

Hintergrund/Text-Kombination von HTML-Befehl acronym

Wir ändern für dieses Beispiel die Textfarbe von <acronym> auf Farbwert #87cefa und die Hintergrundfarbe von <acronym> auf Farbwert #dcdcdc. Die Schriftart ändern wir auf verdana und als Schriftgröße wählen wir 13px.

<style type="text/css"><!--
  acronym { 
    background-color: #dcdcdc; 
    font-family: verdana; 
    font-size: 13px; 
    color: #87cefa;
  }
//-->
</style>

Einzelheiten vom Befehl <acronym>.

Wechsel der Hintergrundfarbe bei Hover von Tag a

Einen Hyperlink setzen Sie mit HTML-Befehl <a> und kann farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbwert #dcdcdc auf Farbwert #87cefa ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Darstellung von <a> in Farbwert #dcdcdc vor.

Für dieses Beispiel legen wir die Hintergrundfarbe von <a> auf Farbwert #dcdcdc fest. Die Schriftgröße verringern wir auf 96%.

<style type="text/css"><!--
  a { 
    font-size: 96%; 
    background-color: #dcdcdc;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #87cefa gesetzt wird.

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

Weiteres zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Beschreibung des Tag <a>.