Ressourcen: 137 HTML Farbnamen - Kombination von Farbe gray 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.

Hintergrundfarbe gray			Schriftfarbwert #8fbc8f
Detail	:	Hintergrund gray	Detail	:	Schrift #8fbc8f
Farbe	:	gray	Farbwert	:	#8fbc8f
Farbwert	:	#808080	Farbe	:	darkseagreen
HTML	:	gray	HTML	:	#8fbc8f
HTML (Wert)	:	#808080	HTML (Wert)	:	#8fbc8f
CSS	:	gray	CSS	:	#8fbc8f
CSS (Wert)	:	#808080	CSS (Wert)	:	#8fbc8f
CSS (kürzest)	:	#808080	CSS (kürzest)	:	#8fbc8f
CSS (RGB)	:	rgb(128,128,128)	CSS (RGB)	:	rgb(143,188,143)
CSS (%RGB)	:	rgb(50%,50%,50%)	CSS (%RGB)	:	rgb(56%,73%,56%)

Verlauf Hintergrundfarbe gray nach Schriftfarbwert #8fbc8f
#808080	#828882	#849184	#869986	#88a288	#8aaa8a	#8cb38c	#8fbc8f
#808080	#828882	#849184	#869986	#88a288	#8aaa8a	#8cb38c	#8fbc8f

Kombination von gray und #8fbc8f
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund gray ist #8fbc8f ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit der Farben #8fbc8f und gray beträgt 91.26%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 8.74%.

Hintergrundfarbe gray				Schriftfarbwert #8fbc8f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#808080	#808080	#808080	#808080	#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f
#929292	#929292	#6d6d6d	#6d6d6d	#9fc59f	#9fc59f	#7aa17a	#7aa17a
#a4a4a4	#a4a4a4	#5b5b5b	#5b5b5b	#afcfaf	#afcfaf	#668666	#668666
#b6b6b6	#b6b6b6	#494949	#494949	#bfd8bf	#bfd8bf	#516b51	#516b51
#c8c8c8	#c8c8c8	#363636	#363636	#cfe2cf	#cfe2cf	#3d503d	#3d503d
#dadada	#dadada	#242424	#242424	#dfebdf	#dfebdf	#283528	#283528
#ececec	#ececec	#121212	#121212	#eff5ef	#eff5ef	#141a14	#141a14
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gray und Farbwert #8fbc8f

Hintergrund/Text-Kombination bei Befehl input

Hier ändern wir die Textfarbe von <input> auf Farbwert #8fbc8f und die Hintergrundfarbe von <input> auf Farbe gray. Als Schriftart setzen wir monospace. Als Schriftgröße entscheiden wir uns für 126%.

<style type="text/css"><!--
  input { 
    color:#8fbc8f; 
    font-family:monospace; 
    font-size:126%; 
    background-color:gray;
  }
//-->
</style>

Mehr zu input erfahren Sie in Formulare in HTML. Beschreibung des hier gezeigten HTML-Tag <input>.

Wechsel der Umrandung bei Hover von Befehl a

Mit HTML-Befehl <a> erzeugen Sie einen Verweis. Diesen kann man farblich gestalten.

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

In diesem Beispiel umranden wir <a> mit einem 2 Pixel dicken, doppelten Rahmen in Farbe gray.

<style type="text/css"><!--
  a { 
    border-color: gray; 
    border-style: double; 
    border-width: 2px;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Rahmenfarbe auf #8fbc8f gesetzt wird.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML erfahren. Mehr zum hier gezeigten Befehl <a>.