Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #dc143c und Farbwert #7fff00

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 #dc143c			Schriftfarbwert #7fff00
Detail	:	Hintergrund #dc143c	Detail	:	Schrift #7fff00
Farbwert	:	#dc143c	Farbwert	:	#7fff00
Farbe	:	crimson	Farbe	:	chartreuse
HTML	:	#dc143c	HTML	:	#7fff00
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#7fff00
CSS	:	#dc143c	CSS	:	#7fff00
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#7fff00
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#7fff00
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(127,255,0)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(49%,100%,0%)

Verlauf Hintergrundfarbwert #dc143c nach Schriftfarbwert #7fff00
#dc143c	#ce3533	#c1572a	#b47822	#a69a19	#99bb11	#8cdd08	#7fff00
#dc143c	#ce3533	#c1572a	#b47822	#a69a19	#99bb11	#8cdd08	#7fff00

Kombination von #dc143c und #7fff00
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #7fff00 und #dc143c beträgt 81.66%. Die Lesbarkeit dieser Farbkombination liegt damit bei 18.34%. #7fff00 eignet sich nicht als Schriftfarbe auf Hintergrund #dc143c. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbwert #dc143c				Schriftfarbwert #7fff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#7fff00	#7fff00	#7fff00	#7fff00
#e13557	#e13557	#bc1133	#bc1133	#91ff24	#91ff24	#6cda00	#6cda00
#e65773	#e65773	#9d0e2a	#9d0e2a	#a3ff48	#a3ff48	#5ab600	#5ab600
#eb788f	#eb788f	#7d0b22	#7d0b22	#b5ff6d	#b5ff6d	#489100	#489100
#f09aab	#f09aab	#5e0819	#5e0819	#c8ff91	#c8ff91	#366d00	#366d00
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#daffb6	#daffb6	#244800	#244800
#fadde3	#fadde3	#1f0208	#1f0208	#ecffda	#ecffda	#122400	#122400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dc143c und Farbwert #7fff00

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl select

Die Hintergrundfarbe soll sich von Farbwert #dc143c auf Farbwert #7fff00 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <select> in Farbwert #dc143c vor.

Z.B. legen wir Farbwert #dc143c als Hintergrundfarbe von <select> fest. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf sans-serif. Die Größe der Schrift setzen wir auf 13px.

<style type="text/css"><!--
  select { 
    font-family: sans-serif; 
    font-size: 13px; 
    background-color: #dc143c;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf #7fff00 ändert.

<style type="text/css"><!--
  select: hover { 
    background-color: #7fff00;
  }
//-->
</style>

Weiteres zu select finden Sie in Formulare in HTML. Der hier verwendete Tag select ist in der HTML Referenz bei <select> ausführlich beschrieben.

Wechsel der Textfarbe bei Hover bei HTML-Befehl a

Mit Tag <a> wird ein Hyperlink gesetzt. Diesen kann man farblich gestalten und hervorheben.

Die Textfarbe soll sich von Farbwert #dc143c auf Farbwert #7fff00 ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst eine Formatierung von <a> in Farbwert #dc143c vor.

Zum Beispiel legen wir Farbwert #dc143c als Textfarbe von <a> fest:

<style type="text/css"><!--
  a { 
    color: #dc143c;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf #7fff00 ändert.

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

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML nachlesen. Weiteres zum HTML-Tag <a>.