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

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 #b22222			Schriftfarbwert #000000
Detail	:	Hintergrund #b22222	Detail	:	Schrift #000000
Farbwert	:	#b22222	Farbwert	:	#000000
Farbe	:	firebrick	Farbe	:	black
HTML	:	#b22222	HTML	:	#000000
HTML (Wert)	:	#b22222	HTML (Wert)	:	#000000
CSS	:	#b22222	CSS	:	#000000
CSS (Wert)	:	#b22222	CSS (Wert)	:	#000000
CSS (kürzest)	:	#b22222	CSS (kürzest)	:	#000
CSS (RGB)	:	rgb(178,34,34)	CSS (RGB)	:	rgb(0,0,0)
CSS (%RGB)	:	rgb(69%,13%,13%)	CSS (%RGB)	:	rgb(0%,0%,0%)

Verlauf Hintergrundfarbwert #b22222 nach Schriftfarbwert #000000
#b22222	#981d1d	#7f1818	#651313	#4c0e0e	#320909	#190404	#000000
#b22222	#981d1d	#7f1818	#651313	#4c0e0e	#320909	#190404	#000000

Kombination von #b22222 und #000000
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von #000000 und #b22222 beträgt 85.02%. Die Lesbarkeit dieser Kombination ergibt sich zu 14.98%. #000000 ist nicht als Schriftfarbe auf Hintergrund #b22222 geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #b22222				Schriftfarbwert #000000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b22222	#b22222	#b22222	#b22222	#000000	#000000	#000000	#000000
#bd4141	#bd4141	#981d1d	#981d1d	#242424	#242424	#000000	#000000
#c86161	#c86161	#7f1818	#7f1818	#484848	#484848	#000000	#000000
#d38080	#d38080	#651313	#651313	#6d6d6d	#6d6d6d	#000000	#000000
#dea0a0	#dea0a0	#4c0e0e	#4c0e0e	#919191	#919191	#000000	#000000
#e9bfbf	#e9bfbf	#320909	#320909	#b6b6b6	#b6b6b6	#000000	#000000
#f4dfdf	#f4dfdf	#190404	#190404	#dadada	#dadada	#000000	#000000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #b22222 und Farbwert #000000

Wechsel der Textfarbe bei Hover mit Befehl span

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

Zum Beispiel ändern wir die Textfarbe von <span> auf Farbwert #b22222. Die Größe der Schrift erhöhen wir auf 124%.

<style type="text/css"><!--
  span { 
    font-size:124%; 
    color:#b22222;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #000000 ändert.

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

Mehr zum hier genutzten HTML-Tag span ist in der HTML Referenz bei <span> beschrieben.