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

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 #b22222
Detail	:	Hintergrund crimson	Detail	:	Schrift #b22222
Farbe	:	crimson	Farbwert	:	#b22222
Farbwert	:	#dc143c	Farbe	:	firebrick
HTML	:	crimson	HTML	:	#b22222
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#b22222
CSS	:	crimson	CSS	:	#b22222
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#b22222
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#b22222
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(178,34,34)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(69%,13%,13%)

Verlauf Hintergrundfarbe crimson nach Schriftfarbwert #b22222
#dc143c	#d61638	#d01834	#ca1a30	#c41c2d	#be1e29	#b82025	#b22222
#dc143c	#d61638	#d01834	#ca1a30	#c41c2d	#be1e29	#b82025	#b22222

Kombination von crimson und #b22222
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#b22222 ist nicht als Schriftfarbe auf Hintergrund crimson geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit der Farben #b22222 und crimson beträgt 93.63%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.37%.

Hintergrundfarbe crimson				Schriftfarbwert #b22222
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#b22222	#b22222	#b22222	#b22222
#e13557	#e13557	#bc1133	#bc1133	#bd4141	#bd4141	#981d1d	#981d1d
#e65773	#e65773	#9d0e2a	#9d0e2a	#c86161	#c86161	#7f1818	#7f1818
#eb788f	#eb788f	#7d0b22	#7d0b22	#d38080	#d38080	#651313	#651313
#f09aab	#f09aab	#5e0819	#5e0819	#dea0a0	#dea0a0	#4c0e0e	#4c0e0e
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#e9bfbf	#e9bfbf	#320909	#320909
#fadde3	#fadde3	#1f0208	#1f0208	#f4dfdf	#f4dfdf	#190404	#190404
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe crimson und Farbwert #b22222

Wechsel der Textfarbe bei Hover bei Befehl ins

Die Textfarbe soll sich von Farbe crimson auf Farbwert #b22222 ändern, wenn man mit der Maus auf <ins> zeigt. Wir bereiten zunächst die Darstellung von <ins> in Farbe crimson vor.

Wir legen zum Beispiel Farbe crimson als Textfarbe von <ins> fest. Zwar verändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf arial:

<style type="text/css"><!--
  ins { 
    font-family:arial; 
    color:crimson;
  }
//-->
</style>

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

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

Der HTML-Tag ins ist in der HTML Referenz bei <ins> ausführlich beschrieben.

Zebra-Effekt von HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <tr> mit unterschiedlichen Hintergrundfarben Farbe crimson und Farbwert #b22222.

<style type="text/css"><!--
  tr.ung { 
    background-color:crimson;
  }
  tr.ger { 
    background-color:#b22222;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr class="ung"><td>Ca/a</td><td>Cb/a</td><td>Cc/a</td></tr>
<tr class="ger"><td>Ca/b</td><td>Cb/b</td><td>Cc/b</td></tr>
<tr class="ung"><td>Ca/c</td><td>Cb/c</td><td>Cc/c</td></tr>
</table>

Weiteres zu tr lesen Sie in Tabellen in HTML. Der HTML-Befehl tr ist in der HTML Referenz bei <tr> genau zusammengestellt.