Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00008b und Farbe darkred

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 #00008b			Schriftfarbe darkred
Detail	:	Hintergrund #00008b	Detail	:	Schrift darkred
Farbwert	:	#00008b	Farbe	:	darkred
Farbe	:	darkblue	Farbwert	:	#8b0000
HTML	:	#00008b	HTML	:	darkred
HTML (Wert)	:	#00008b	HTML (Wert)	:	#8b0000
CSS	:	#00008b	CSS	:	darkred
CSS (Wert)	:	#00008b	CSS (Wert)	:	#8b0000
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#8b0000
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(139,0,0)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(54%,0%,0%)

Verlauf Hintergrundfarbwert #00008b nach Schriftfarbe darkred
#00008b	#130077	#270063	#3b004f	#4f003b	#630027	#770013	#8b0000
#00008b	#130077	#270063	#3b004f	#4f003b	#630027	#770013	#8b0000

Kombination von #00008b und darkred
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				darkred ist nicht als Schriftfarbe auf Hintergrund #00008b geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit von darkred und #00008b beträgt 92.72%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 7.28%.

Hintergrundfarbwert #00008b				Schriftfarbe darkred
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#8b0000	#8b0000	#8b0000	#8b0000
#24249b	#24249b	#000077	#000077	#9b2424	#9b2424	#770000	#770000
#4848ac	#4848ac	#000063	#000063	#ac4848	#ac4848	#630000	#630000
#6d6dbc	#6d6dbc	#00004f	#00004f	#bc6d6d	#bc6d6d	#4f0000	#4f0000
#9191cd	#9191cd	#00003b	#00003b	#cd9191	#cd9191	#3b0000	#3b0000
#b6b6dd	#b6b6dd	#000027	#000027	#ddb6b6	#ddb6b6	#270000	#270000
#dadaee	#dadaee	#000013	#000013	#eedada	#eedada	#130000	#130000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00008b und Farbe darkred

Wechsel der Textfarbe bei Hover mit Tag h5

Mit Befehl <h5> setzen Sie eine Überschrift der 5. Stufe. Diese können Sie hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbwert #00008b auf Farbe darkred ändern, wenn man mit der Maus auf <h5> zeigt. Bereiten wir zunächst eine Darstellung von <h5> in Farbwert #00008b vor.

Wir legen z.B. Farbwert #00008b als Textfarbe von <h5> fest:

<style type="text/css"><!--
  h5 { 
    color: #00008b;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf darkred geändert wird.

<style type="text/css"><!--
  h5:hover { 
    color:darkred;
  }
//-->
</style>

Weiteres zum Thema h5 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Mehr zum hier gezeigten HTML-Tag h5 ist in der HTML Referenz bei <h5> gezeigt.

Füllen und Umranden von Befehl a

Mit Tag <a> erzeugen Sie einen Hyperlink und kann hervorgehoben und farblich gestaltet werden.

Hier umranden wir <a> mit einem doppelten, 5 Punkte dicken Rahmen in Farbe darkred . Den Hintergrund von <a> färben wir entsprechend mit Farbwert #00008b. Dies geht in HTML nicht. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { border:5pt double darkred; background-color:#00008b; }
//-->
</style>

Mehr zum Thema lesen Sie in Verweise und Protokolle in HTML. Zur Beschreibung vom Tag <a>.