Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbwert #0000cd

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 #0000cd
Detail	:	Hintergrundfarbwert #0000cd	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#0000cd	#0000cd	#0000cd	#0000cd	#0000cd
Farbe	:	mediumblue	#2424d4	#2424d4	#0000af	#0000af
HTML	:	#0000cd	#4848db	#4848db	#000092	#000092
CSS	:	#0000cd	#6d6de2	#6d6de2	#000075	#000075
CSS (Wert)	:	#0000cd	#9191e9	#9191e9	#000057	#000057
CSS (kürzest)	:	#0000cd	#b6b6f0	#b6b6f0	#00003a	#00003a
CSS (RGB)	:	rgb(0,0,205)	#dadaf7	#dadaf7	#00001d	#00001d
CSS (%RGB)	:	rgb(0%,0%,80%)	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination mit Farbwert #0000cd

Änderung der Hintergrundfarbe bei Hover bei Tag pre

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <pre> vor.

Als Beispiel setzen wir bei <pre> die Hintergrundfarbe auf Farbwert #0000cd. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf monospace. Die Größe der Schrift setzen wir auf 13px:

<style type="text/css"><!--
  pre { 
    font-family: monospace; 
    font-size: 13px; 
    background-color: #dbe642;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbwert #0000cd gesetzt wird.

<style type="text/css"><!--
  pre:hover { 
    background-color:#0000cd;
  }
//-->
</style>

Weiteres zum Thema pre lesen Sie in Blockorientierte Elemente in HTML. Die Beschreibung des hier gezeigten HTML-Befehl pre erfahren Sie in der HTML Referenz unter <pre>.