Ressourcen: 137 HTML Farbnamen - Kombination von Farbe gainsboro und Farbe olivedrab

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe gainsboro			Schriftfarbe olivedrab
Detail	:	Hintergrund gainsboro	Detail	:	Schrift olivedrab
Farbe	:	gainsboro	Farbe	:	olivedrab
Farbwert	:	#dcdcdc	Farbwert	:	#6b8e23
HTML	:	gainsboro	HTML	:	olivedrab
HTML (Wert)	:	#dcdcdc	HTML (Wert)	:	#6b8e23
CSS	:	gainsboro	CSS	:	olivedrab
CSS (Wert)	:	#dcdcdc	CSS (Wert)	:	#6b8e23
CSS (kürzest)	:	#dcdcdc	CSS (kürzest)	:	#6b8e23
CSS (RGB)	:	rgb(220,220,220)	CSS (RGB)	:	rgb(107,142,35)
CSS (%RGB)	:	rgb(86%,86%,86%)	CSS (%RGB)	:	rgb(41%,55%,13%)

Verlauf Hintergrundfarbe gainsboro nach Schriftfarbe olivedrab
#dcdcdc	#cbd0c1	#bbc5a7	#abba8c	#9baf72	#8ba457	#7b993d	#6b8e23
#dcdcdc	#cbd0c1	#bbc5a7	#abba8c	#9baf72	#8ba457	#7b993d	#6b8e23

Kombination von gainsboro und olivedrab
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund gainsboro ist olivedrab ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit von olivedrab und gainsboro beträgt 86.79%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 13.21%.

Hintergrundfarbe gainsboro				Schriftfarbe olivedrab
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc	#6b8e23	#6b8e23	#6b8e23	#6b8e23
#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc	#809e42	#809e42	#5b791e	#5b791e
#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d	#95ae61	#95ae61	#4c6519	#4c6519
#ebebeb	#ebebeb	#7d7d7d	#7d7d7d	#aabe81	#aabe81	#3d5114	#3d5114
#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e	#bfcea0	#bfcea0	#2d3c0f	#2d3c0f
#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e	#d4dec0	#d4dec0	#1e280a	#1e280a
#fafafa	#fafafa	#1f1f1f	#1f1f1f	#e9eedf	#e9eedf	#0f1405	#0f1405
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gainsboro und Farbe olivedrab

Wechsel der Textfarbe bei Hover von HTML-Befehl a

Einen Hyperlink setzen Sie mit Tag <a>. Diesen kann man farblich gestalten und hervorheben.

Die Textfarbe soll sich von Farbe gainsboro auf Farbe olivedrab ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbe gainsboro vor.

Wir setzen in diesem Beispiel die Textfarbe von <a> auf Farbe gainsboro. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  a { 
    color:gainsboro; 
    font-family:verdana;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe zu olivedrab ändert.

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

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML finden. Einzelheiten des hier genutzten HTML-Tag a sind in der HTML Referenz unter <a> ausführlich zusammengestellt.

Hintergrund/Text-Kombination mit HTML-Befehl dt

Wir ändern hier die Textfarbe von <dt> auf Farbe olivedrab und die Hintergrundfarbe von <dt> auf Farbe gainsboro. Als Schriftart setzen wir monospace und verkleinern die Schriftgröße auf 87%.

<style type="text/css"><!--
  dt { 
    font-size:87%; 
    font-family:monospace; 
    color:olivedrab; 
    background-color:gainsboro;
  }
//-->
</style>

Weiteres zu dt können Sie in Listen und Glossare in HTML erfahren. Mehr zum hier verwendeten Befehl dt erfahren Sie in der HTML Referenz unter <dt>.