Ressourcen: 137 HTML Farbnamen - Kombination von Farbe limegreen und Farbe azure

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.

Hintergrundfarbe limegreen			Schriftfarbe azure
Detail	:	Hintergrund limegreen	Detail	:	Schrift azure
Farbe	:	limegreen	Farbe	:	azure
Farbwert	:	#32cd32	Farbwert	:	#f0ffff
HTML	:	limegreen	HTML	:	azure
HTML (Wert)	:	#32cd32	HTML (Wert)	:	#f0ffff
CSS	:	limegreen	CSS	:	azure
CSS (Wert)	:	#32cd32	CSS (Wert)	:	#f0ffff
CSS (kürzest)	:	#32cd32	CSS (kürzest)	:	#f0ffff
CSS (RGB)	:	rgb(50,205,50)	CSS (RGB)	:	rgb(240,255,255)
CSS (%RGB)	:	rgb(19%,80%,19%)	CSS (%RGB)	:	rgb(94%,100%,100%)

Verlauf Hintergrundfarbe limegreen nach Schriftfarbe azure
#32cd32	#4dd44f	#68db6c	#83e289	#9ee9a7	#b9f0c4	#d4f7e1	#f0ffff
#32cd32	#4dd44f	#68db6c	#83e289	#9ee9a7	#b9f0c4	#d4f7e1	#f0ffff

Kombination von limegreen und azure
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von azure und limegreen ergibt sich zu 90.18%. Die Lesbarkeit dieser Farbkombination liegt damit bei 9.82%. azure ist nicht als Schriftfarbe auf Hintergrund limegreen geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

Hintergrundfarbe limegreen				Schriftfarbe azure
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#32cd32	#32cd32	#32cd32	#32cd32	#f0ffff	#f0ffff	#f0ffff	#f0ffff
#4fd44f	#4fd44f	#2aaf2a	#2aaf2a	#f2ffff	#f2ffff	#cddada	#cddada
#6cdb6c	#6cdb6c	#239223	#239223	#f4ffff	#f4ffff	#abb6b6	#abb6b6
#89e289	#89e289	#1c751c	#1c751c	#f6ffff	#f6ffff	#899191	#899191
#a7e9a7	#a7e9a7	#155715	#155715	#f8ffff	#f8ffff	#666d6d	#666d6d
#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e	#faffff	#faffff	#444848	#444848
#e1f7e1	#e1f7e1	#071d07	#071d07	#fcffff	#fcffff	#222424	#222424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe limegreen und Farbe azure

Hintergrund/Text-Kombination von HTML-Tag var

Wir ändern in diesem Beispiel die Textfarbe von <var> auf Farbe azure und die Hintergrundfarbe von <var> auf Farbe limegreen. Die Schriftart setzen wir auf verdana. Als Schriftgröße wählen wir 13px.

<style type="text/css"><!--
  var { 
    font-size: 13px; 
    font-family: verdana; 
    color: azure; 
    background-color: limegreen;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Beschreibung des hier gezeigten HTML-Befehl <var>.

Wechsel der Textfarbe bei Hover von Befehl label

Die Textfarbe soll sich von Farbe limegreen auf Farbe azure ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <label> in Farbe limegreen vor.

In diesem Beispiel legen wir die Textfarbe von <label> auf Farbe limegreen fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  label { 
    color:limegreen; 
    font-family:courier new;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu azure ändert.

<style type="text/css"><!--
  label:hover { 
    color:azure;
  }
//-->
</style>

Mehr zum Thema finden Sie in Formulare in HTML. Der Tag label ist in der HTML Referenz unter <label> genau gezeigt.