Ressourcen: 120 HTML Farbnamen - Kombination von Farbe orangered und Farbwert #708090

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.

Hintergrundfarbe orangered			Schriftfarbwert #708090
Detail	:	Hintergrund orangered	Detail	:	Schrift #708090
Farbe	:	orangered	Farbwert	:	#708090
Farbwert	:	#ff4500	Farbe	:	slategray
HTML	:	orangered	HTML	:	#708090
HTML (Wert)	:	#ff4500	HTML (Wert)	:	#708090
CSS	:	orangered	CSS	:	#708090
CSS (Wert)	:	#ff4500	CSS (Wert)	:	#708090
CSS (kürzest)	:	#ff4500	CSS (kürzest)	:	#708090
CSS (RGB)	:	rgb(255,69,0)	CSS (RGB)	:	rgb(112,128,144)
CSS (%RGB)	:	rgb(100%,27%,0%)	CSS (%RGB)	:	rgb(43%,50%,56%)

Verlauf Hintergrundfarbe orangered nach Schriftfarbwert #708090
#ff4500	#ea4d14	#d65529	#c15e3d	#ad6652	#986f66	#84777b	#708090
#ff4500	#ea4d14	#d65529	#c15e3d	#ad6652	#986f66	#84777b	#708090

Kombination von orangered und #708090
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #708090 und orangered beträgt 94.39%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.61%. #708090 eignet sich nicht als Schriftfarbe auf Hintergrund orangered. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe orangered				Schriftfarbwert #708090
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff4500	#ff4500	#ff4500	#ff4500	#708090	#708090	#708090	#708090
#ff5f24	#ff5f24	#da3b00	#da3b00	#84929f	#84929f	#606d7b	#606d7b
#ff7a48	#ff7a48	#b63100	#b63100	#98a4af	#98a4af	#505b66	#505b66
#ff946d	#ff946d	#912700	#912700	#adb6bf	#adb6bf	#404952	#404952
#ffaf91	#ffaf91	#6d1d00	#6d1d00	#c1c8cf	#c1c8cf	#30363d	#30363d
#ffc9b6	#ffc9b6	#481300	#481300	#d6dadf	#d6dadf	#202429	#202429
#ffe4da	#ffe4da	#240900	#240900	#eaecef	#eaecef	#101214	#101214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe orangered und Farbwert #708090

Wechsel der Textfarbe bei Hover mit HTML-Tag td

Die Textfarbe soll sich von Farbe orangered auf Farbwert #708090 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <td> in Farbe orangered vor.

Wir legen in diesem Beispiel bei <td> die Textfarbe auf Farbe orangered fest. Die Hintergrundfarbe verändern wir nicht, setzen jedoch die Schriftart auf verdana. Die Größe der Schrift setzen wir auf 9px.

<style type="text/css"><!--
  td { 
    color:orangered; 
    font-size:9px; 
    font-family:verdana;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #708090 geändert wird.

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

Weiteres zum Thema finden Sie in Tabellen in HTML. Der hier gezeigte Tag td ist in der HTML Referenz bei <td> ausführlich gezeigt.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag textarea

Die Hintergrundfarbe soll sich von Farbe orangered auf Farbwert #708090 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <textarea> in Farbe orangered vor.

Wir legen in diesem Beispiel Farbe orangered als Hintergrundfarbe von <textarea> fest:

<style type="text/css"><!--
  textarea { 
    background-color: orangered;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu #708090 ändert.

<style type="text/css"><!--
  textarea:hover { 
    background-color:#708090;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Formulare in HTML. Beschreibung des hier verwendeten HTML-Tag <textarea>.