Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #b8860b 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 #b8860b			Schriftfarbwert #87cefa
Detail	:	Hintergrund #b8860b	Detail	:	Schrift #87cefa
Farbwert	:	#b8860b	Farbwert	:	#87cefa
Farbe	:	darkgoldenrod	Farbe	:	lightskyblue
HTML	:	#b8860b	HTML	:	#87cefa
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#87cefa
CSS	:	#b8860b	CSS	:	#87cefa
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#87cefa
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#87cefa
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(135,206,250)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(52%,80%,98%)

Verlauf Hintergrundfarbwert #b8860b nach Schriftfarbwert #87cefa
#b8860b	#b1902d	#aa9a4f	#a3a471	#9caf93	#95b9b5	#8ec3d7	#87cefa
#b8860b	#b1902d	#aa9a4f	#a3a471	#9caf93	#95b9b5	#8ec3d7	#87cefa

Kombination von #b8860b und #87cefa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben #87cefa und #b8860b beträgt 90.97%. Die Lesbarkeit dieser Kombination ergibt sich zu 9.03%. Auf Hintergrund #b8860b ist #87cefa ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbwert #b8860b				Schriftfarbwert #87cefa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#87cefa	#87cefa	#87cefa	#87cefa
#c2972d	#c2972d	#9d7209	#9d7209	#98d5fa	#98d5fa	#73b0d6	#73b0d6
#cca850	#cca850	#835f07	#835f07	#a9dcfb	#a9dcfb	#6093b2	#6093b2
#d6b973	#d6b973	#694c06	#694c06	#bae3fc	#bae3fc	#4d758e	#4d758e
#e0cb96	#e0cb96	#4e3904	#4e3904	#cbeafc	#cbeafc	#39586b	#39586b
#eadcb9	#eadcb9	#342603	#342603	#dcf1fd	#dcf1fd	#263a47	#263a47
#f4eddc	#f4eddc	#1a1301	#1a1301	#edf8fe	#edf8fe	#131d23	#131d23
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #b8860b und Farbwert #87cefa

Wechsel der Textfarbe bei Hover mit HTML-Tag a

Ein Verweis wird mit Befehl <a> gesetzt. Diesen können Sie farblich gestalten und hervorheben.

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

Als Beispiel legen wir Farbwert #b8860b als Textfarbe von <a> fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  a { 
    font-family: sans-serif; 
    color: #b8860b;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe auf #87cefa ändert.

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

Weiteres zum Thema lesen Sie in Verweise und Protokolle in HTML. Weiteres zum HTML-Tag <a>.