Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffd700 und Farbwert #8fbc8f

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 #ffd700			Schriftfarbwert #8fbc8f
Detail	:	Hintergrund #ffd700	Detail	:	Schrift #8fbc8f
Farbwert	:	#ffd700	Farbwert	:	#8fbc8f
Farbe	:	gold	Farbe	:	darkseagreen
HTML	:	#ffd700	HTML	:	#8fbc8f
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#8fbc8f
CSS	:	#ffd700	CSS	:	#8fbc8f
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#8fbc8f
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#8fbc8f
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(143,188,143)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(56%,73%,56%)

Verlauf Hintergrundfarbwert #ffd700 nach Schriftfarbwert #8fbc8f
#ffd700	#efd314	#dfcf28	#cfcb3d	#bfc751	#afc366	#9fbf7a	#8fbc8f
#ffd700	#efd314	#dfcf28	#cfcb3d	#bfc751	#afc366	#9fbf7a	#8fbc8f

Kombination von #ffd700 und #8fbc8f
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von #8fbc8f und #ffd700 ergibt sich zu 92.69%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 7.31%. #8fbc8f ist nicht als Schriftfarbe auf Hintergrund #ffd700 geeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #ffd700				Schriftfarbwert #8fbc8f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f
#ffdc24	#ffdc24	#dab800	#dab800	#9fc59f	#9fc59f	#7aa17a	#7aa17a
#ffe248	#ffe248	#b69900	#b69900	#afcfaf	#afcfaf	#668666	#668666
#ffe86d	#ffe86d	#917a00	#917a00	#bfd8bf	#bfd8bf	#516b51	#516b51
#ffed91	#ffed91	#6d5c00	#6d5c00	#cfe2cf	#cfe2cf	#3d503d	#3d503d
#fff3b6	#fff3b6	#483d00	#483d00	#dfebdf	#dfebdf	#283528	#283528
#fff9da	#fff9da	#241e00	#241e00	#eff5ef	#eff5ef	#141a14	#141a14
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffd700 und Farbwert #8fbc8f

Text- und Unterstreichungsfarben von HTML-Tag del

Für dieses Beispiel ändern wir die Textfarbe von <del> auf Farbwert #8fbc8f und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf verdana. Die Schriftgröße ändern wir auf 9px. Wir unterstreichen den Inhalt von <del> mit Hilfe eines einfallenden Rahmens mit 4 Pixel Dicke in Farbwert #ffd700. Mit HTML ist dies nicht machbar. Wir verwenden daher CSS.

<style type="text/css"><!--
  del { 
    font-family:verdana; 
    border-bottom:4px inset #ffd700; 
    color:#8fbc8f; 
    font-size:9px;
  }
//-->
</style>

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

Die Beschreibung des hier genutzten Befehl del lesen Sie in der HTML Referenz unter <del>.

Wechsel der Umrandung bei Hover von HTML-Tag abbr

Die Rahmenfarbe soll sich von Farbwert #ffd700 auf Farbwert #8fbc8f ändern, wenn man mit der Maus auf <abbr> zeigt. Bereiten wir zunächst eine Darstellung von <abbr> in Farbwert #ffd700 vor.

In diesem Beispiel umranden wir <abbr> mit einem 5 Pixel dicken, gepunkteten Rahmen in Farbwert #ffd700.

<style type="text/css"><!--
  abbr { 
    border-color:#ffd700; 
    border-style:dotted; 
    border-width:5px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #8fbc8f ändert.

<style type="text/css"><!--
  abbr: hover { 
    border-color: #8fbc8f;
  }
//-->
</style>

Der hier gezeigte Tag abbr ist in der HTML Referenz bei <abbr> beschrieben.