Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #b22222

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.

Hintergrundfarbwert #b22222
Detail	:	Hintergrundfarbwert #b22222	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#b22222	#b22222	#b22222	#b22222	#b22222
Farbe	:	firebrick	#bd4141	#bd4141	#981d1d	#981d1d
HTML	:	#b22222	#c86161	#c86161	#7f1818	#7f1818
CSS	:	#b22222	#d38080	#d38080	#651313	#651313
CSS (Wert)	:	#b22222	#dea0a0	#dea0a0	#4c0e0e	#4c0e0e
CSS (kürzest)	:	#b22222	#e9bfbf	#e9bfbf	#320909	#320909
CSS (RGB)	:	rgb(178,34,34)	#f4dfdf	#f4dfdf	#190404	#190404
CSS (%RGB)	:	rgb(69%,13%,13%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #b22222

Änderung der Textfarbe bei Hover mit Tag div

Ein Kontainer wird mit Befehl <div> erzeugt. Diesen können Sie farblich gestalten und hervorheben.

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <div> so ein, dass bei Berührung mit der Maus die Textfarbe auf Farbwert #b22222 geändert wird.

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

Weiteres zum HTML-Befehl <div>.

Änderung der Textfarbe mit Tag p

Wir legen in diesem Beispiel die Textfarbe von <p> auf Farbwert #b22222 fest. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf monospace:

<p style="color:#b22222; font-family:monospace;">
p-Text nutzt Farbwert #b22222
</p>

Mehr zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom HTML-Tag <p>.