Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #7cfc00 und Farbe midnightblue

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 #7cfc00			Schriftfarbe midnightblue
Detail	:	Hintergrund #7cfc00	Detail	:	Schrift midnightblue
Farbwert	:	#7cfc00	Farbe	:	midnightblue
Farbe	:	lawngreen	Farbwert	:	#191970
HTML	:	#7cfc00	HTML	:	midnightblue
HTML (Wert)	:	#7cfc00	HTML (Wert)	:	#191970
CSS	:	#7cfc00	CSS	:	midnightblue
CSS (Wert)	:	#7cfc00	CSS (Wert)	:	#191970
CSS (kürzest)	:	#7cfc00	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(124,252,0)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(48%,98%,0%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbwert #7cfc00 nach Schriftfarbe midnightblue
#7cfc00	#6ddb10	#5fbb20	#519a30	#437a40	#355950	#273960	#191970
#7cfc00	#6ddb10	#5fbb20	#519a30	#437a40	#355950	#273960	#191970

Kombination von #7cfc00 und midnightblue
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #7cfc00 ist midnightblue ungeeignet. Zwar ist der Helligkeitsunterschied ausreichend, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit von midnightblue und #7cfc00 ergibt sich zu 46.87%. Die Lesbarkeit dieser Kombination ergibt sich zu 53.13%.

Hintergrundfarbwert #7cfc00				Schriftfarbe midnightblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7cfc00	#7cfc00	#7cfc00	#7cfc00	#191970	#191970	#191970	#191970
#8efc24	#8efc24	#6ad800	#6ad800	#393984	#393984	#151560	#151560
#a1fc48	#a1fc48	#58b400	#58b400	#5a5a98	#5a5a98	#111150	#111150
#b4fd6d	#b4fd6d	#469000	#469000	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#c6fd91	#c6fd91	#356c00	#356c00	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#d9feb6	#d9feb6	#234800	#234800	#bdbdd6	#bdbdd6	#070720	#070720
#ecfeda	#ecfeda	#112400	#112400	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7cfc00 und Farbe midnightblue

Wechsel der Umrandung bei Hover mit Tag p

Die Rahmenfarbe soll sich von Farbwert #7cfc00 auf Farbe midnightblue ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst die Formatierung von <p> in Farbwert #7cfc00 vor.

In diesem Beispiel umranden wir <p> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbwert #7cfc00.

<style type="text/css"><!--
  p { 
    border-style:inset; 
    border-color:#7cfc00; 
    border-width:1px;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf midnightblue ändert.

<style type="text/css"><!--
  p:hover { 
    border-color:midnightblue;
  }
//-->
</style>

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Zur Beschreibung vom hier genutzten HTML-Befehl <p>.

Wechsel der Textfarbe bei Hover mit Tag label

Die Textfarbe soll sich von Farbwert #7cfc00 auf Farbe midnightblue ändern, wenn man mit der Maus auf <label> zeigt. Bereiten wir zunächst die Formatierung von <label> in Farbwert #7cfc00 vor.

Zum Beispiel legen wir Farbwert #7cfc00 als Textfarbe von <label> fest. Zwar verändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  label { 
    color: #7cfc00; 
    font-family: verdana;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf midnightblue gesetzt wird.

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

Weiteres zum Thema label erfahren Sie in Formulare in HTML. Die Beschreibung vom Tag label lesen Sie in der HTML Referenz unter <label>.