Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkblue und Farbwert #f5f5dc

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.

Hintergrundfarbe darkblue			Schriftfarbwert #f5f5dc
Detail	:	Hintergrund darkblue	Detail	:	Schrift #f5f5dc
Farbe	:	darkblue	Farbwert	:	#f5f5dc
Farbwert	:	#00008b	Farbe	:	beige
HTML	:	darkblue	HTML	:	#f5f5dc
HTML (Wert)	:	#00008b	HTML (Wert)	:	#f5f5dc
CSS	:	darkblue	CSS	:	#f5f5dc
CSS (Wert)	:	#00008b	CSS (Wert)	:	#f5f5dc
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#f5f5dc
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(245,245,220)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(96%,96%,86%)

Verlauf Hintergrundfarbe darkblue nach Schriftfarbwert #f5f5dc
#00008b	#232396	#4646a2	#6969ad	#8c8cb9	#afafc4	#d2d2d0	#f5f5dc
#00008b	#232396	#4646a2	#6969ad	#8c8cb9	#afafc4	#d2d2d0	#f5f5dc

Kombination von darkblue und #f5f5dc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#f5f5dc eignet sich als Schriftfarbe auf Hintergrund darkblue, weil die Unterschiede in Helligkeit und Farbe gut sind. Die Ähnlichkeit der Farben #f5f5dc und darkblue beträgt 34.17%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 65.83%.

Hintergrundfarbe darkblue				Schriftfarbwert #f5f5dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc
#24249b	#24249b	#000077	#000077	#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc
#4848ac	#4848ac	#000063	#000063	#f7f7e6	#f7f7e6	#afaf9d	#afaf9d
#6d6dbc	#6d6dbc	#00004f	#00004f	#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d
#9191cd	#9191cd	#00003b	#00003b	#fafaf0	#fafaf0	#69695e	#69695e
#b6b6dd	#b6b6dd	#000027	#000027	#fcfcf5	#fcfcf5	#46463e	#46463e
#dadaee	#dadaee	#000013	#000013	#fdfdfa	#fdfdfa	#23231f	#23231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkblue und Farbwert #f5f5dc

Füllen und Umranden mit HTML-Befehl h3

Eine Überschrift der 3. Stufe erzeugt man mit Tag <h3>. Diese kann hervorgehoben und farblich gestaltet werden.

In diesem Beispiel umranden wir <h3> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbwert #f5f5dc . Die Hintergrundfarbe für <h3> färben wir entsprechend mit Farbe darkblue. In HTML ist das kaum machbar. Daher nutzen wir CSS.

<style type="text/css"><!--
  h3 { 
    border-color: #f5f5dc; 
    border-width: 1px; 
    background-color: darkblue; 
    border-style: inset;
  }
//-->
</style>

Mehr zum Thema h3 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Möglichkeiten des HTML-Tag h3 finden Sie in der HTML Referenz unter <h3>.

Wechsel der Umrandung bei Hover von HTML-Tag h1

Eine Überschrift der 1. Stufe setzen Sie mit HTML-Tag <h1>. Diese können Sie hervorheben und farblich gestalten.

Die Rahmenfarbe soll sich von Farbe darkblue auf Farbwert #f5f5dc ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <h1> in Farbe darkblue vor.

In diesem Beispiel umranden wir <h1> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbe darkblue.

<style type="text/css"><!--
  h1 { border:5px dashed darkblue; }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #f5f5dc gesetzt wird.

<style type="text/css"><!--
  h1: hover { 
    border-color: #f5f5dc;
  }
//-->
</style>

Weiteres zu h1 lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom Tag <h1>.