Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #008000 und Farbwert #bdb76b

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 #008000			Schriftfarbwert #bdb76b
Detail	:	Hintergrund #008000	Detail	:	Schrift #bdb76b
Farbwert	:	#008000	Farbwert	:	#bdb76b
Farbe	:	green	Farbe	:	darkkhaki
HTML	:	#008000	HTML	:	#bdb76b
HTML (Wert)	:	#008000	HTML (Wert)	:	#bdb76b
CSS	:	#008000	CSS	:	#bdb76b
CSS (Wert)	:	#008000	CSS (Wert)	:	#bdb76b
CSS (kürzest)	:	#008000	CSS (kürzest)	:	#bdb76b
CSS (RGB)	:	rgb(0,128,0)	CSS (RGB)	:	rgb(189,183,107)
CSS (%RGB)	:	rgb(0%,50%,0%)	CSS (%RGB)	:	rgb(74%,71%,41%)

Verlauf Hintergrundfarbwert #008000 nach Schriftfarbwert #bdb76b
#008000	#1b870f	#368f1e	#51972d	#6c9f3d	#87a74c	#a2af5b	#bdb76b
#008000	#1b870f	#368f1e	#51972d	#6c9f3d	#87a74c	#a2af5b	#bdb76b

Kombination von #008000 und #bdb76b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#bdb76b eignet sich nicht als Schriftfarbe auf Hintergrund #008000, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit von #bdb76b und #008000 beträgt 88.18%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 11.82%.

Hintergrundfarbwert #008000				Schriftfarbwert #bdb76b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008000	#008000	#008000	#008000	#bdb76b	#bdb76b	#bdb76b	#bdb76b
#249224	#249224	#006d00	#006d00	#c6c180	#c6c180	#a29c5b	#a29c5b
#48a448	#48a448	#005b00	#005b00	#cfcb95	#cfcb95	#87824c	#87824c
#6db66d	#6db66d	#004900	#004900	#d9d5aa	#d9d5aa	#6c683d	#6c683d
#91c891	#91c891	#003600	#003600	#e2e0bf	#e2e0bf	#514e2d	#514e2d
#b6dab6	#b6dab6	#002400	#002400	#ecead4	#ecead4	#36341e	#36341e
#daecda	#daecda	#001200	#001200	#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #008000 und Farbwert #bdb76b

Wechsel der Hintergrundfarbe bei Hover mit Tag em

Die Hintergrundfarbe soll sich von Farbwert #008000 auf Farbwert #bdb76b ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <em> in Farbwert #008000 vor.

Für dieses Beispiel legen wir die Hintergrundfarbe von <em> auf Farbwert #008000 fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf verdana. Die Größe der Schrift ändern wir auf 10pt:

<style type="text/css"><!--
  em { 
    font-size: 10pt; 
    background-color: #008000; 
    font-family: verdana;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #bdb76b gesetzt wird.

<style type="text/css"><!--
  em: hover { 
    background-color: #bdb76b;
  }
//-->
</style>

Mehr zu em lesen Sie in Text in HTML. Beschreibung des hier verwendeten HTML-Tag <em>.

Füllen und Umranden mit HTML-Tag h1

Eine Überschrift der 1. Stufe setzt man mit HTML-Tag <h1>. Diese kann man farblich gestalten.

Hier umranden wir <h1> mit einem . Die Hintergrundfarbe für <h1> färben wir mit Farbwert #008000. Dies ist mit HTML so kaum möglich. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  h1 { border:4pt ridge #bdb76b; background-color:#008000; }
//-->
</style>

Weiteres zu h1 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des hier verwendeten Tag <h1>.