Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #7cfc00 und Farbwert #ba55d3

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.

Hintergrundfarbwert #7cfc00			Schriftfarbwert #ba55d3
Detail	:	Hintergrund #7cfc00	Detail	:	Schrift #ba55d3
Farbwert	:	#7cfc00	Farbwert	:	#ba55d3
Farbe	:	lawngreen	Farbe	:	mediumorchid
HTML	:	#7cfc00	HTML	:	#ba55d3
HTML (Wert)	:	#7cfc00	HTML (Wert)	:	#ba55d3
CSS	:	#7cfc00	CSS	:	#ba55d3
CSS (Wert)	:	#7cfc00	CSS (Wert)	:	#ba55d3
CSS (kürzest)	:	#7cfc00	CSS (kürzest)	:	#ba55d3
CSS (RGB)	:	rgb(124,252,0)	CSS (RGB)	:	rgb(186,85,211)
CSS (%RGB)	:	rgb(48%,98%,0%)	CSS (%RGB)	:	rgb(72%,33%,82%)

Verlauf Hintergrundfarbwert #7cfc00 nach Schriftfarbwert #ba55d3
#7cfc00	#84e41e	#8dcc3c	#96b45a	#9f9c78	#a88496	#b16cb4	#ba55d3
#7cfc00	#84e41e	#8dcc3c	#96b45a	#9f9c78	#a88496	#b16cb4	#ba55d3

Kombination von #7cfc00 und #ba55d3
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.				#ba55d3 eignet sich nicht als Schriftfarbe auf Hintergrund #7cfc00, da die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben #ba55d3 und #7cfc00 beträgt 85.90%. Die Lesbarkeit dieser Farbkombination liegt damit bei 14.10%.

Hintergrundfarbwert #7cfc00				Schriftfarbwert #ba55d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7cfc00	#7cfc00	#7cfc00	#7cfc00	#ba55d3	#ba55d3	#ba55d3	#ba55d3
#8efc24	#8efc24	#6ad800	#6ad800	#c36dd9	#c36dd9	#9f48b4	#9f48b4
#a1fc48	#a1fc48	#58b400	#58b400	#cd85df	#cd85df	#843c96	#843c96
#b4fd6d	#b4fd6d	#469000	#469000	#d79de5	#d79de5	#6a3078	#6a3078
#c6fd91	#c6fd91	#356c00	#356c00	#e1b6ec	#e1b6ec	#4f245a	#4f245a
#d9feb6	#d9feb6	#234800	#234800	#ebcef2	#ebcef2	#35183c	#35183c
#ecfeda	#ecfeda	#112400	#112400	#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7cfc00 und Farbwert #ba55d3

Wechsel der Textfarbe bei Hover von Tag blockquote

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

Wir ändern in diesem Beispiel die Textfarbe von <blockquote> auf Farbwert #7cfc00 und verkleinern die Größe der Schrift auf 96%:

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

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf #ba55d3 ändert.

<style type="text/css"><!--
  blockquote:hover { 
    color:#ba55d3;
  }
//-->
</style>

Weiteres zu blockquote erfahren Sie in Blockorientierte Elemente in HTML. Weiteres zum Tag <blockquote>.

Hintergrund/Text-Kombination von HTML-Tag dd

Wir ändern hier die Textfarbe von <dd> auf Farbwert #ba55d3 und die Hintergrundfarbe von <dd> auf Farbwert #7cfc00. Als Schriftart wählen wir sans-serif und als Schriftgröße entscheiden wir uns für 122%.

<style type="text/css"><!--
  dd { 
    color: #ba55d3; 
    font-size: 122%; 
    font-family: sans-serif; 
    background-color: #7cfc00;
  }
//-->
</style>

Weiteres zu dd können Sie in Listen und Glossare in HTML nachlesen. Möglichkeiten vom hier genutzten Tag dd sind in der HTML Referenz unter <dd> ausführlich gezeigt.