Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #7cfc00 und Farbe burlywood

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 #7cfc00			Schriftfarbe burlywood
Detail	:	Hintergrund #7cfc00	Detail	:	Schrift burlywood
Farbwert	:	#7cfc00	Farbe	:	burlywood
Farbe	:	lawngreen	Farbwert	:	#deb887
HTML	:	#7cfc00	HTML	:	burlywood
HTML (Wert)	:	#7cfc00	HTML (Wert)	:	#deb887
CSS	:	#7cfc00	CSS	:	burlywood
CSS (Wert)	:	#7cfc00	CSS (Wert)	:	#deb887
CSS (kürzest)	:	#7cfc00	CSS (kürzest)	:	#deb887
CSS (RGB)	:	rgb(124,252,0)	CSS (RGB)	:	rgb(222,184,135)
CSS (%RGB)	:	rgb(48%,98%,0%)	CSS (%RGB)	:	rgb(87%,72%,52%)

Verlauf Hintergrundfarbwert #7cfc00 nach Schriftfarbe burlywood
#7cfc00	#8af213	#98e826	#a6de39	#b4d54d	#c2cb60	#d0c173	#deb887
#7cfc00	#8af213	#98e826	#a6de39	#b4d54d	#c2cb60	#d0c173	#deb887

Kombination von #7cfc00 und burlywood
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von burlywood und #7cfc00 ergibt sich zu 93.36%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.64%. burlywood eignet sich nicht als Schriftfarbe auf Hintergrund #7cfc00, weil sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #7cfc00				Schriftfarbe burlywood
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7cfc00	#7cfc00	#7cfc00	#7cfc00	#deb887	#deb887	#deb887	#deb887
#8efc24	#8efc24	#6ad800	#6ad800	#e2c298	#e2c298	#be9d73	#be9d73
#a1fc48	#a1fc48	#58b400	#58b400	#e7cca9	#e7cca9	#9e8360	#9e8360
#b4fd6d	#b4fd6d	#469000	#469000	#ecd6ba	#ecd6ba	#7e694d	#7e694d
#c6fd91	#c6fd91	#356c00	#356c00	#f0e0cb	#f0e0cb	#5f4e39	#5f4e39
#d9feb6	#d9feb6	#234800	#234800	#f5eadc	#f5eadc	#3f3426	#3f3426
#ecfeda	#ecfeda	#112400	#112400	#faf4ed	#faf4ed	#1f1a13	#1f1a13
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #7cfc00 und Farbe burlywood

Wechsel der Textfarbe bei Hover bei Tag samp

Die Textfarbe soll sich von Farbwert #7cfc00 auf Farbe burlywood ändern, wenn man mit der Maus auf <samp> zeigt. Bereiten wir zunächst die Formatierung von <samp> in Farbwert #7cfc00 vor.

Wir ändern in diesem Beispiel bei <samp> die Textfarbe auf Farbwert #7cfc00 und erhöhen die Schriftgröße auf 120%:

<style type="text/css"><!--
  samp { 
    font-size:120%; 
    color:#7cfc00;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu burlywood ändert.

<style type="text/css"><!--
  samp:hover { 
    color:burlywood;
  }
//-->
</style>

Weiteres zum Thema samp können Sie in Text in HTML nachlesen. Der HTML-Tag samp ist in der HTML Referenz bei <samp> ausführlich beschrieben.