Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #3cb371 und Farbwert #6b8e23

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 #3cb371			Schriftfarbwert #6b8e23
Detail	:	Hintergrund #3cb371	Detail	:	Schrift #6b8e23
Farbwert	:	#3cb371	Farbwert	:	#6b8e23
Farbe	:	mediumseagreen	Farbe	:	olivedrab
HTML	:	#3cb371	HTML	:	#6b8e23
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#6b8e23
CSS	:	#3cb371	CSS	:	#6b8e23
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#6b8e23
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#6b8e23
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(107,142,35)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(41%,55%,13%)

Verlauf Hintergrundfarbwert #3cb371 nach Schriftfarbwert #6b8e23
#3cb371	#42ad65	#49a85a	#50a34f	#569d44	#5d9839	#64932e	#6b8e23
#3cb371	#42ad65	#49a85a	#50a34f	#569d44	#5d9839	#64932e	#6b8e23

Kombination von #3cb371 und #6b8e23
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 von #6b8e23 und #3cb371 beträgt 93.20%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.80%. #6b8e23 eignet sich nicht als Schriftfarbe auf Hintergrund #3cb371, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #3cb371				Schriftfarbwert #6b8e23
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#6b8e23	#6b8e23	#6b8e23	#6b8e23
#57bd85	#57bd85	#339960	#339960	#809e42	#809e42	#5b791e	#5b791e
#73c899	#73c899	#2a7f50	#2a7f50	#95ae61	#95ae61	#4c6519	#4c6519
#8fd3ad	#8fd3ad	#226640	#226640	#aabe81	#aabe81	#3d5114	#3d5114
#abdec2	#abdec2	#194c30	#194c30	#bfcea0	#bfcea0	#2d3c0f	#2d3c0f
#c7e9d6	#c7e9d6	#113320	#113320	#d4dec0	#d4dec0	#1e280a	#1e280a
#e3f4ea	#e3f4ea	#081910	#081910	#e9eedf	#e9eedf	#0f1405	#0f1405
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #3cb371 und Farbwert #6b8e23

Wechsel der Textfarbe bei Hover bei HTML-Tag a

Einen Link setzen Sie mit Befehl <a>. Dieser kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #3cb371 auf Farbwert #6b8e23 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <a> in Farbwert #3cb371 vor.

Für dieses Beispiel legen wir die Textfarbe von <a> auf Farbwert #3cb371 fest.

<style type="text/css"><!--
  a { 
    color: #3cb371;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #6b8e23 geändert wird.

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

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Weiteres zum Tag a ist in der HTML Referenz bei <a> beschrieben.