Ressourcen: 120 HTML Farbnamen - Kombination von Farbe gold und Farbwert #6b8e23

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 gold			Schriftfarbwert #6b8e23
Detail	:	Hintergrund gold	Detail	:	Schrift #6b8e23
Farbe	:	gold	Farbwert	:	#6b8e23
Farbwert	:	#ffd700	Farbe	:	olivedrab
HTML	:	gold	HTML	:	#6b8e23
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#6b8e23
CSS	:	gold	CSS	:	#6b8e23
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#6b8e23
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#6b8e23
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(107,142,35)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(41%,55%,13%)

Verlauf Hintergrundfarbe gold nach Schriftfarbwert #6b8e23
#ffd700	#e9cc05	#d4c20a	#bfb70f	#aaad14	#95a219	#80981e	#6b8e23
#ffd700	#e9cc05	#d4c20a	#bfb70f	#aaad14	#95a219	#80981e	#6b8e23

Kombination von gold 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 gold geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben #6b8e23 und gold ergibt sich zu 87.08%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 12.92%.

Hintergrundfarbe gold				Schriftfarbwert #6b8e23
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#6b8e23	#6b8e23	#6b8e23	#6b8e23
#ffdc24	#ffdc24	#dab800	#dab800	#809e42	#809e42	#5b791e	#5b791e
#ffe248	#ffe248	#b69900	#b69900	#95ae61	#95ae61	#4c6519	#4c6519
#ffe86d	#ffe86d	#917a00	#917a00	#aabe81	#aabe81	#3d5114	#3d5114
#ffed91	#ffed91	#6d5c00	#6d5c00	#bfcea0	#bfcea0	#2d3c0f	#2d3c0f
#fff3b6	#fff3b6	#483d00	#483d00	#d4dec0	#d4dec0	#1e280a	#1e280a
#fff9da	#fff9da	#241e00	#241e00	#e9eedf	#e9eedf	#0f1405	#0f1405
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gold und Farbwert #6b8e23

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl p

Die Hintergrundfarbe soll sich von Farbe gold auf Farbwert #6b8e23 ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst eine Darstellung von <p> in Farbe gold vor.

Hier setzen wir die Hintergrundfarbe von <p> auf Farbe gold. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf monospace und setzen die Schriftgröße auf 80%.

<style type="text/css"><!--
  p { 
    font-family:monospace; 
    font-size:80%; 
    background-color:gold;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #6b8e23 gesetzt wird.

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

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML lesen. Der hier gezeigte Tag p ist in der HTML Referenz unter <p> genau gezeigt.

Wechsel der Textfarbe bei Hover mit Tag h4

Eine Überschrift der 4. Stufe wird mit Tag <h4> erzeugt. Diese kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbe gold auf Farbwert #6b8e23 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <h4> in Farbe gold vor.

Wir legen als Beispiel Farbe gold als Textfarbe von <h4> fest. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  h4 { 
    font-family:monospace; 
    color:gold;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #6b8e23 ändert.

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

Weiteres zu h4 lesen Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier verwendeten HTML-Befehl h4 finden Sie in der HTML Referenz unter <h4>.