Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #32cd32 und Farbwert #da70d6

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 #32cd32			Schriftfarbwert #da70d6
Detail	:	Hintergrund #32cd32	Detail	:	Schrift #da70d6
Farbwert	:	#32cd32	Farbwert	:	#da70d6
Farbe	:	limegreen	Farbe	:	orchid
HTML	:	#32cd32	HTML	:	#da70d6
HTML (Wert)	:	#32cd32	HTML (Wert)	:	#da70d6
CSS	:	#32cd32	CSS	:	#da70d6
CSS (Wert)	:	#32cd32	CSS (Wert)	:	#da70d6
CSS (kürzest)	:	#32cd32	CSS (kürzest)	:	#da70d6
CSS (RGB)	:	rgb(50,205,50)	CSS (RGB)	:	rgb(218,112,214)
CSS (%RGB)	:	rgb(19%,80%,19%)	CSS (%RGB)	:	rgb(85%,43%,83%)

Verlauf Hintergrundfarbwert #32cd32 nach Schriftfarbwert #da70d6
#32cd32	#4abf49	#62b260	#7aa578	#92978f	#aa8aa7	#c27dbe	#da70d6
#32cd32	#4abf49	#62b260	#7aa578	#92978f	#aa8aa7	#c27dbe	#da70d6

Kombination von #32cd32 und #da70d6
Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit der Farben #da70d6 und #32cd32 ergibt sich zu 93.51%. Die Lesbarkeit dieser Kombination liegt damit bei 6.49%. #da70d6 eignet sich nicht als Schriftfarbe auf Hintergrund #32cd32, weil sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #32cd32				Schriftfarbwert #da70d6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#32cd32	#32cd32	#32cd32	#32cd32	#da70d6	#da70d6	#da70d6	#da70d6
#4fd44f	#4fd44f	#2aaf2a	#2aaf2a	#df84db	#df84db	#ba60b7	#ba60b7
#6cdb6c	#6cdb6c	#239223	#239223	#e498e1	#e498e1	#9b5098	#9b5098
#89e289	#89e289	#1c751c	#1c751c	#e9ade7	#e9ade7	#7c407a	#7c407a
#a7e9a7	#a7e9a7	#155715	#155715	#efc1ed	#efc1ed	#5d305b	#5d305b
#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e	#f4d6f3	#f4d6f3	#3e203d	#3e203d
#e1f7e1	#e1f7e1	#071d07	#071d07	#f9eaf9	#f9eaf9	#1f101e	#1f101e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Textfarbe bei Hover von HTML-Befehl center

Die Textfarbe soll sich von Farbwert #32cd32 auf Farbwert #da70d6 ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst eine Formatierung von <center> in Farbwert #32cd32 vor.

Wir ändern als Beispiel die Textfarbe von <center> auf Farbwert #32cd32. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart setzen wir auf monospace.

<style type="text/css"><!--
  center { 
    font-family:monospace; 
    color:#32cd32;
  }
//-->
</style>

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

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

Weiteres zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten vom hier gezeigten HTML-Tag <center>.

Text- und Unterstreichungsfarben bei HTML-Tag a

Mit Tag <a> erzeugen Sie einen Hyperlink. Diesen kann man farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbwert #da70d6. Die Schriftart ändern wir auf arial und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gefurchten Rahmens mit 2 Pixel Dicke in Farbwert #32cd32. Dies ist mit HTML nicht möglich. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    color: #da70d6; 
    font-family: arial; 
    font-size: 13px; 
    border-bottom: 2px groove #32cd32;
  }
//-->
</style>

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

Mehr zu a lesen Sie in Verweise und Protokolle in HTML. Möglichkeiten des HTML-Befehl a erfahren Sie in der HTML Referenz unter <a>.