Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #3cb371 und Farbwert #ffa500

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.

Hintergrundfarbwert #3cb371			Schriftfarbwert #ffa500
Detail	:	Hintergrund #3cb371	Detail	:	Schrift #ffa500
Farbwert	:	#3cb371	Farbwert	:	#ffa500
Farbe	:	mediumseagreen	Farbe	:	orange
HTML	:	#3cb371	HTML	:	#ffa500
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#ffa500
CSS	:	#3cb371	CSS	:	#ffa500
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#ffa500
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#ffa500
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(255,165,0)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(100%,64%,0%)

Verlauf Hintergrundfarbwert #3cb371 nach Schriftfarbwert #ffa500
#3cb371	#57b160	#73af50	#8fad40	#abab30	#c7a920	#e3a710	#ffa500
#3cb371	#57b160	#73af50	#8fad40	#abab30	#c7a920	#e3a710	#ffa500

Kombination von #3cb371 und #ffa500
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ffa500 ist nicht als Schriftfarbe auf Hintergrund #3cb371 geeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #ffa500 und #3cb371 ergibt sich zu 93.57%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.43%.

Hintergrundfarbwert #3cb371				Schriftfarbwert #ffa500
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#ffa500	#ffa500	#ffa500	#ffa500
#57bd85	#57bd85	#339960	#339960	#ffb124	#ffb124	#da8d00	#da8d00
#73c899	#73c899	#2a7f50	#2a7f50	#ffbe48	#ffbe48	#b67500	#b67500
#8fd3ad	#8fd3ad	#226640	#226640	#ffcb6d	#ffcb6d	#915e00	#915e00
#abdec2	#abdec2	#194c30	#194c30	#ffd891	#ffd891	#6d4600	#6d4600
#c7e9d6	#c7e9d6	#113320	#113320	#ffe5b6	#ffe5b6	#482f00	#482f00
#e3f4ea	#e3f4ea	#081910	#081910	#fff2da	#fff2da	#241700	#241700
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #3cb371 und Farbwert #ffa500

Wechsel der Textfarbe bei Hover mit HTML-Tag label

Die Textfarbe soll sich von Farbwert #3cb371 auf Farbwert #ffa500 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <label> in Farbwert #3cb371 vor.

Wir setzen für dieses Beispiel die Textfarbe von <label> auf Farbwert #3cb371:

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

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #ffa500 gesetzt wird.

<style type="text/css"><!--
  label: hover { 
    color: #ffa500;
  }
//-->
</style>

Mehr zum Thema label erfahren Sie in Formulare in HTML. Möglichkeiten vom Tag <label>.

Hintergrund/Text-Kombination mit HTML-Befehl a

Einen Link setzt man mit HTML-Befehl <a> und kann farblich gestaltet und hervorgehoben werden.

In diesem Beispiel ändern wir die Textfarbe von <a> auf Farbwert #ffa500 und die Hintergrundfarbe von <a> auf Farbwert #3cb371. Als Schriftart setzen wir courier new. Die Schriftgröße setzen wir auf 9px.

<style type="text/css"><!--
  a { 
    color: #ffa500; 
    font-size: 9px; 
    background-color: #3cb371; 
    font-family: courier new;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Verweise und Protokolle in HTML. Zur Beschreibung vom Tag <a>.