Ressourcen: 137 HTML Farbnamen - Kombination von Farbe green und Farbwert #daa520

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 green			Schriftfarbwert #daa520
Detail	:	Hintergrund green	Detail	:	Schrift #daa520
Farbe	:	green	Farbwert	:	#daa520
Farbwert	:	#008000	Farbe	:	goldenrod
HTML	:	green	HTML	:	#daa520
HTML (Wert)	:	#008000	HTML (Wert)	:	#daa520
CSS	:	green	CSS	:	#daa520
CSS (Wert)	:	#008000	CSS (Wert)	:	#daa520
CSS (kürzest)	:	#008000	CSS (kürzest)	:	#daa520
CSS (RGB)	:	rgb(0,128,0)	CSS (RGB)	:	rgb(218,165,32)
CSS (%RGB)	:	rgb(0%,50%,0%)	CSS (%RGB)	:	rgb(85%,64%,12%)

Verlauf Hintergrundfarbe green nach Schriftfarbwert #daa520
#008000	#1f8504	#3e8a09	#5d8f0d	#7c9512	#9b9a16	#ba9f1b	#daa520
#008000	#1f8504	#3e8a09	#5d8f0d	#7c9512	#9b9a16	#ba9f1b	#daa520

Kombination von green und #daa520
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #daa520 und green ergibt sich zu 89.07%. Die Lesbarkeit dieser Kombination liegt damit bei 10.93%. #daa520 ist nicht als Schriftfarbe auf Hintergrund green geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Hintergrundfarbe green				Schriftfarbwert #daa520
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008000	#008000	#008000	#008000	#daa520	#daa520	#daa520	#daa520
#249224	#249224	#006d00	#006d00	#dfb13f	#dfb13f	#ba8d1b	#ba8d1b
#48a448	#48a448	#005b00	#005b00	#e4be5f	#e4be5f	#9b7516	#9b7516
#6db66d	#6db66d	#004900	#004900	#e9cb7f	#e9cb7f	#7c5e12	#7c5e12
#91c891	#91c891	#003600	#003600	#efd89f	#efd89f	#5d460d	#5d460d
#b6dab6	#b6dab6	#002400	#002400	#f4e5bf	#f4e5bf	#3e2f09	#3e2f09
#daecda	#daecda	#001200	#001200	#f9f2df	#f9f2df	#1f1704	#1f1704
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe green und Farbwert #daa520

Text- und Unterstreichungsfarben bei Tag var

Hier ändern wir die Textfarbe von <var> auf Farbwert #daa520 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf arial und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <var> mit Hilfe eines gefurchten Rahmens mit 4 Pixel Dicke in Farbe green. Mit HTML ist dies kaum möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  var { 
    color: #daa520; 
    border-bottom: 4px groove green; 
    font-family: arial; 
    font-size: 13px;
  }
//-->
</style>

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

Weiteres zu var erfahren Sie in Text in HTML. Der Tag var ist in der HTML Referenz unter <var> ausführlich beschrieben.

Wechsel der Umrandung bei Hover von HTML-Befehl s

Die Rahmenfarbe soll sich von Farbe green auf Farbwert #daa520 ändern, wenn man mit der Maus auf <s> zeigt. Bereiten wir zunächst eine Formatierung von <s> in Farbe green vor.

In diesem Beispiel umranden wir <s> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe green.

<style type="text/css"><!--
  s { border:4px dotted green; }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf #daa520 gesetzt wird.

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

Mehr zu s können Sie in Text in HTML nachsehen. Weiteres zum hier genutzten Befehl <s>.