Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #000080 und Farbwert #dc143c

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

Verlauf Hintergrundfarbwert #000080 nach Schriftfarbwert #dc143c
#000080	#1f0276	#3e056c	#5e0862	#7d0b59	#9d0e4f	#bc1145	#dc143c
#000080	#1f0276	#3e056c	#5e0862	#7d0b59	#9d0e4f	#bc1145	#dc143c

Kombination von #000080 und #dc143c
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #000080 ist #dc143c ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von #dc143c und #000080 beträgt 84.72%. Die Lesbarkeit dieser Kombination ergibt sich zu 15.28%.

Hintergrundfarbwert #000080				Schriftfarbwert #dc143c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000080	#000080	#000080	#000080	#dc143c	#dc143c	#dc143c	#dc143c
#242492	#242492	#00006d	#00006d	#e13557	#e13557	#bc1133	#bc1133
#4848a4	#4848a4	#00005b	#00005b	#e65773	#e65773	#9d0e2a	#9d0e2a
#6d6db6	#6d6db6	#000049	#000049	#eb788f	#eb788f	#7d0b22	#7d0b22
#9191c8	#9191c8	#000036	#000036	#f09aab	#f09aab	#5e0819	#5e0819
#b6b6da	#b6b6da	#000024	#000024	#f5bbc7	#f5bbc7	#3e0511	#3e0511
#dadaec	#dadaec	#000012	#000012	#fadde3	#fadde3	#1f0208	#1f0208
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #000080 und Farbwert #dc143c

Füllen und Umranden von Befehl caption

Hier umranden wir <caption> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbwert #dc143c . Den Hintergrund von <caption> färben wir mit Farbwert #000080. Das geht in HTML kaum. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  caption { border:5px ridge #dc143c; background-color:#000080; }
//-->
</style>

Mehr zum Thema caption können Sie in Tabellen in HTML nachsehen. Möglichkeiten des hier genutzten Befehl caption sind in der HTML Referenz bei <caption> ausführlich beschrieben.

Wechsel der Textfarbe bei Hover mit HTML-Tag dfn

Die Textfarbe soll sich von Farbwert #000080 auf Farbwert #dc143c ändern, wenn man mit der Maus auf <dfn> zeigt. Bereiten wir zunächst eine Formatierung von <dfn> in Farbwert #000080 vor.

Z.B. legen wir Farbwert #000080 als Textfarbe von <dfn> fest. Die Schriftgröße setzen wir auf 9pt.

<style type="text/css"><!--
  dfn { 
    color: #000080; 
    font-size: 9pt;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #dc143c ändert.

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

Mehr zu dfn lesen Sie in Text in HTML. Einzelheiten vom hier genutzten Tag dfn erfahren Sie in der HTML Referenz unter <dfn>.