Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #32cd32 und Farbwert #ee82ee

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 #32cd32			Schriftfarbwert #ee82ee
Detail	:	Hintergrund #32cd32	Detail	:	Schrift #ee82ee
Farbwert	:	#32cd32	Farbwert	:	#ee82ee
Farbe	:	limegreen	Farbe	:	violet
HTML	:	#32cd32	HTML	:	#ee82ee
HTML (Wert)	:	#32cd32	HTML (Wert)	:	#ee82ee
CSS	:	#32cd32	CSS	:	#ee82ee
CSS (Wert)	:	#32cd32	CSS (Wert)	:	#ee82ee
CSS (kürzest)	:	#32cd32	CSS (kürzest)	:	#ee82ee
CSS (RGB)	:	rgb(50,205,50)	CSS (RGB)	:	rgb(238,130,238)
CSS (%RGB)	:	rgb(19%,80%,19%)	CSS (%RGB)	:	rgb(93%,50%,93%)

Verlauf Hintergrundfarbwert #32cd32 nach Schriftfarbwert #ee82ee
#32cd32	#4cc24c	#67b767	#82ac82	#9da29d	#b897b8	#d38cd3	#ee82ee
#32cd32	#4cc24c	#67b767	#82ac82	#9da29d	#b897b8	#d38cd3	#ee82ee

Kombination von #32cd32 und #ee82ee
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#ee82ee eignet sich nicht als Schriftfarbe auf Hintergrund #32cd32. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von #ee82ee und #32cd32 beträgt 94.79%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.21%.

Hintergrundfarbwert #32cd32				Schriftfarbwert #ee82ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#32cd32	#32cd32	#32cd32	#32cd32	#ee82ee	#ee82ee	#ee82ee	#ee82ee
#4fd44f	#4fd44f	#2aaf2a	#2aaf2a	#f093f0	#f093f0	#cc6fcc	#cc6fcc
#6cdb6c	#6cdb6c	#239223	#239223	#f2a5f2	#f2a5f2	#aa5caa	#aa5caa
#89e289	#89e289	#1c751c	#1c751c	#f5b7f5	#f5b7f5	#884a88	#884a88
#a7e9a7	#a7e9a7	#155715	#155715	#f7c9f7	#f7c9f7	#663766	#663766
#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e	#fadbfa	#fadbfa	#442544	#442544
#e1f7e1	#e1f7e1	#071d07	#071d07	#fcedfc	#fcedfc	#221222	#221222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #32cd32 und Farbwert #ee82ee

Wechsel der Textfarbe bei Hover von Befehl samp

Die Textfarbe soll sich von Farbwert #32cd32 auf Farbwert #ee82ee ändern, wenn man mit der Maus auf <samp> zeigt. Wir bereiten zunächst die Darstellung von <samp> in Farbwert #32cd32 vor.

In diesem Beispiel legen wir Farbwert #32cd32 als Textfarbe von <samp> fest. Die Hintergrundfarbe ändern wir nicht, setzen jedoch die Schriftart auf verdana. Die Größe der Schrift verkleinern wir auf 94%:

<style type="text/css"><!--
  samp { 
    font-size:94%; 
    font-family:verdana; 
    color:#32cd32;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu #ee82ee ändert.

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

Mehr zum Thema erfahren Sie in Text in HTML. Mehr zum HTML-Tag samp erfahren Sie in der HTML Referenz unter <samp>.

Text- und Unterstreichungsfarben von Tag a

Mit HTML-Befehl <a> wird ein Hyperlink erzeugt. Diesen können Sie farblich gestalten.

Wir ändern Hher die Textfarbe von <a> auf Farbwert #ee82ee. Die Schriftart setzen wir auf sans-serif und setzen die Schriftgröße auf 111%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gefurchten Rahmens mit 4 Punkte Dicke in Farbwert #32cd32. Das ist mit HTML nicht möglich. Daher nutzen wir hier CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    font-size:111%; 
    border-bottom-width:4pt; 
    border-bottom-color:#32cd32; 
    color:#ee82ee; 
    font-family:sans-serif; 
    border-bottom-style:groove;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zu a lesen Sie in Verweise und Protokolle in HTML. Einzelheiten vom Tag a lesen Sie in der HTML Referenz unter <a>.