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

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 #8a2be2			Schriftfarbwert #7cfc00
Detail	:	Hintergrund #8a2be2	Detail	:	Schrift #7cfc00
Farbwert	:	#8a2be2	Farbwert	:	#7cfc00
Farbe	:	blueviolet	Farbe	:	lawngreen
HTML	:	#8a2be2	HTML	:	#7cfc00
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#7cfc00
CSS	:	#8a2be2	CSS	:	#7cfc00
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#7cfc00
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#7cfc00
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(124,252,0)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(48%,98%,0%)

Verlauf Hintergrundfarbwert #8a2be2 nach Schriftfarbwert #7cfc00
#8a2be2	#8848c1	#8666a1	#848481	#82a260	#80c040	#7ede20	#7cfc00
#8a2be2	#8848c1	#8666a1	#848481	#82a260	#80c040	#7ede20	#7cfc00

Kombination von #8a2be2 und #7cfc00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#7cfc00 eignet sich nicht als Schriftfarbe auf Hintergrund #8a2be2, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit von #7cfc00 und #8a2be2 ergibt sich zu 78.68%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 21.32%.

Hintergrundfarbwert #8a2be2				Schriftfarbwert #7cfc00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#7cfc00	#7cfc00	#7cfc00	#7cfc00
#9a49e6	#9a49e6	#7624c1	#7624c1	#8efc24	#8efc24	#6ad800	#6ad800
#ab67ea	#ab67ea	#621ea1	#621ea1	#a1fc48	#a1fc48	#58b400	#58b400
#bc85ee	#bc85ee	#4e1881	#4e1881	#b4fd6d	#b4fd6d	#469000	#469000
#cca4f2	#cca4f2	#3b1260	#3b1260	#c6fd91	#c6fd91	#356c00	#356c00
#ddc2f6	#ddc2f6	#270c40	#270c40	#d9feb6	#d9feb6	#234800	#234800
#eee0fa	#eee0fa	#130620	#130620	#ecfeda	#ecfeda	#112400	#112400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8a2be2 und Farbwert #7cfc00

Wechsel der Textfarbe bei Hover von HTML-Befehl h5

Eine Überschrift wird mit HTML-Tag <h5> gesetzt. Diese kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #8a2be2 auf Farbwert #7cfc00 ändern, wenn man mit der Maus auf <h5> zeigt. Bereiten wir zunächst eine Darstellung von <h5> in Farbwert #8a2be2 vor.

Wir setzen als Beispiel bei <h5> die Textfarbe auf Farbwert #8a2be2. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart ändern wir auf courier new und verringern die Schriftgröße auf 83%:

<style type="text/css"><!--
  h5 { 
    font-family: courier new; 
    color: #8a2be2; 
    font-size: 83%;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe zu #7cfc00 ändert.

<style type="text/css"><!--
  h5:hover { 
    color:#7cfc00;
  }
//-->
</style>

Weiteres zu h5 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom hier genutzten Tag h5 sind in der HTML Referenz bei <h5> ausführlich beschrieben.

Füllen und Umranden von HTML-Befehl hr

Hier umranden wir <hr> mit einem . Den Hintergrund von <hr> färben wir entsprechend mit Farbwert #8a2be2. Mit HTML geht dies kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  hr { 
    border-color:#7cfc00; 
    background-color:#8a2be2; 
    border-style:dotted; 
    border-width:4pt;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Der hier genutzte HTML-Tag hr ist in der HTML Referenz bei <hr> ausführlich beschrieben.