Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkblue und Farbwert #6b8e23

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.

Hintergrundfarbe darkblue			Schriftfarbwert #6b8e23
Detail	:	Hintergrund darkblue	Detail	:	Schrift #6b8e23
Farbe	:	darkblue	Farbwert	:	#6b8e23
Farbwert	:	#00008b	Farbe	:	olivedrab
HTML	:	darkblue	HTML	:	#6b8e23
HTML (Wert)	:	#00008b	HTML (Wert)	:	#6b8e23
CSS	:	darkblue	CSS	:	#6b8e23
CSS (Wert)	:	#00008b	CSS (Wert)	:	#6b8e23
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#6b8e23
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(107,142,35)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(41%,55%,13%)

Verlauf Hintergrundfarbe darkblue nach Schriftfarbwert #6b8e23
#00008b	#0f147c	#1e286d	#2d3c5e	#3d514f	#4c6540	#5b7931	#6b8e23
#00008b	#0f147c	#1e286d	#2d3c5e	#3d514f	#4c6540	#5b7931	#6b8e23

Kombination von darkblue und #6b8e23
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#6b8e23 ist nicht als Schriftfarbe auf Hintergrund darkblue geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von #6b8e23 und darkblue beträgt 80.86%. Die Lesbarkeit dieser Farbkombination liegt damit bei 19.14%.

Hintergrundfarbe darkblue				Schriftfarbwert #6b8e23
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#6b8e23	#6b8e23	#6b8e23	#6b8e23
#24249b	#24249b	#000077	#000077	#809e42	#809e42	#5b791e	#5b791e
#4848ac	#4848ac	#000063	#000063	#95ae61	#95ae61	#4c6519	#4c6519
#6d6dbc	#6d6dbc	#00004f	#00004f	#aabe81	#aabe81	#3d5114	#3d5114
#9191cd	#9191cd	#00003b	#00003b	#bfcea0	#bfcea0	#2d3c0f	#2d3c0f
#b6b6dd	#b6b6dd	#000027	#000027	#d4dec0	#d4dec0	#1e280a	#1e280a
#dadaee	#dadaee	#000013	#000013	#e9eedf	#e9eedf	#0f1405	#0f1405
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkblue und Farbwert #6b8e23

Text- und Unterstreichungsfarben bei Befehl h1

Eine Überschrift der 1. Stufe setzen Sie mit Tag <h1>. Sie kann hervorgehoben und farblich gestaltet werden.

Für dieses Beispiel ändern wir die Textfarbe von <h1> auf Farbwert #6b8e23 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf arial. Die Schriftgröße setzen wir auf 91%. Wir unterstreichen den Inhalt von <h1> mit Hilfe eines gezahnten Rahmens mit 1 Punkte Dicke in Farbe darkblue. Mit HTML geht dies kaum. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  h1 { 
    border-bottom-style: ridge; 
    border-bottom-width: 1pt; 
    color: #6b8e23; 
    border-bottom-color: darkblue; 
    font-family: arial; 
    font-size: 91%;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema h1 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Mehr zum hier genutzten Tag <h1>.

Wechsel der Hintergrundfarbe bei Hover mit Befehl h2

Mit HTML-Befehl <h2> erzeugen Sie eine Überschrift der 2. Stufe. Diese kann farblich gestaltet und hervorgehoben werden.

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

Wir legen in diesem Beispiel die Hintergrundfarbe von <h2> auf Farbe darkblue fest:

<style type="text/css"><!--
  h2 { 
    background-color: darkblue;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #6b8e23 ändert.

<style type="text/css"><!--
  h2: hover { 
    background-color: #6b8e23;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Zur Beschreibung des hier verwendeten HTML-Tag <h2>.