Ressourcen: 137 HTML Farbnamen - Kombination von Farbe crimson und Farbwert #708090

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 crimson			Schriftfarbwert #708090
Detail	:	Hintergrund crimson	Detail	:	Schrift #708090
Farbe	:	crimson	Farbwert	:	#708090
Farbwert	:	#dc143c	Farbe	:	slategray
HTML	:	crimson	HTML	:	#708090
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#708090
CSS	:	crimson	CSS	:	#708090
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#708090
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#708090
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(112,128,144)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(43%,50%,56%)

Verlauf Hintergrundfarbe crimson nach Schriftfarbwert #708090
#dc143c	#cc2348	#bd3254	#ad4260	#9e516c	#8e6178	#7f7084	#708090
#dc143c	#cc2348	#bd3254	#ad4260	#9e516c	#8e6178	#7f7084	#708090

Kombination von crimson und #708090
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit von #708090 und crimson beträgt 94.14%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.86%. #708090 eignet sich nicht als Schriftfarbe auf Hintergrund crimson, weil sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe crimson				Schriftfarbwert #708090
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#708090	#708090	#708090	#708090
#e13557	#e13557	#bc1133	#bc1133	#84929f	#84929f	#606d7b	#606d7b
#e65773	#e65773	#9d0e2a	#9d0e2a	#98a4af	#98a4af	#505b66	#505b66
#eb788f	#eb788f	#7d0b22	#7d0b22	#adb6bf	#adb6bf	#404952	#404952
#f09aab	#f09aab	#5e0819	#5e0819	#c1c8cf	#c1c8cf	#30363d	#30363d
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#d6dadf	#d6dadf	#202429	#202429
#fadde3	#fadde3	#1f0208	#1f0208	#eaecef	#eaecef	#101214	#101214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe crimson und Farbwert #708090

Zebra-Effekt mit Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem so genannten Zebra-Effekt. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <td> mit unterschiedlichen Hintergrundfarben Farbe crimson und Farbwert #708090.

<style type="text/css"><!--
  td.even { 
    background-color: crimson;
  }
  td.odd { 
    background-color: #708090;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="even">R1,1</td><td class="odd">R2,1</td><td class="even">R3,1</td></tr>
<tr><td class="even">R1,2</td><td class="odd">R2,2</td><td class="even">R3,2</td></tr>
<tr><td class="even">R1,3</td><td class="odd">R2,3</td><td class="even">R3,3</td></tr>
</table>

Weiteres zum Thema td können Sie in Tabellen in HTML erfahren. Beschreibung des Tag <td>.

Wechsel der Textfarbe bei Hover von HTML-Tag div

Einen Universalkontainer erzeugen Sie mit Tag <div>. Dieser kann farblich gestaltet werden.

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

Für dieses Beispiel legen wir die Textfarbe von <div> auf Farbe crimson fest. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf sans-serif:

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

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

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

Zur Beschreibung des hier gezeigten Tag <div>.