Ressourcen: 120 HTML Farbnamen - Kombination von Farbe chartreuse und Farbwert #191970

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.

Hintergrundfarbe chartreuse			Schriftfarbwert #191970
Detail	:	Hintergrund chartreuse	Detail	:	Schrift #191970
Farbe	:	chartreuse	Farbwert	:	#191970
Farbwert	:	#7fff00	Farbe	:	midnightblue
HTML	:	chartreuse	HTML	:	#191970
HTML (Wert)	:	#7fff00	HTML (Wert)	:	#191970
CSS	:	chartreuse	CSS	:	#191970
CSS (Wert)	:	#7fff00	CSS (Wert)	:	#191970
CSS (kürzest)	:	#7fff00	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(127,255,0)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(49%,100%,0%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbe chartreuse nach Schriftfarbwert #191970
#7fff00	#70de10	#61bd20	#539c30	#447b40	#365a50	#273960	#191970
#7fff00	#70de10	#61bd20	#539c30	#447b40	#365a50	#273960	#191970

Kombination von chartreuse und #191970
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #191970 und chartreuse beträgt 45.44%. Die Lesbarkeit dieser Farbkombination liegt damit bei 54.56%. Auf Hintergrund chartreuse ist #191970 ungeeignet. Zwar ist der Helligkeitsunterschied gross genug, die Farben selbst sind zu ähnlich.

Hintergrundfarbe chartreuse				Schriftfarbwert #191970
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7fff00	#7fff00	#7fff00	#7fff00	#191970	#191970	#191970	#191970
#91ff24	#91ff24	#6cda00	#6cda00	#393984	#393984	#151560	#151560
#a3ff48	#a3ff48	#5ab600	#5ab600	#5a5a98	#5a5a98	#111150	#111150
#b5ff6d	#b5ff6d	#489100	#489100	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#c8ff91	#c8ff91	#366d00	#366d00	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#daffb6	#daffb6	#244800	#244800	#bdbdd6	#bdbdd6	#070720	#070720
#ecffda	#ecffda	#122400	#122400	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe chartreuse und Farbwert #191970

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag tbody

Die Hintergrundfarbe soll sich von Farbe chartreuse auf Farbwert #191970 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <tbody> in Farbe chartreuse vor.

Wir ändern als Beispiel die Hintergrundfarbe von <tbody> auf Farbe chartreuse. Die Größe der Schrift verringern wir auf 89%:

<style type="text/css"><!--
  tbody { 
    font-size: 89%; 
    background-color: chartreuse;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #191970 geändert wird.

<style type="text/css"><!--
  tbody:hover { 
    background-color:#191970;
  }
//-->
</style>

Mehr zu tbody können Sie in Tabellen in HTML lesen. Mehr zum hier gezeigten HTML-Tag tbody ist in der HTML Referenz bei <tbody> genau zusammengestellt.

Wechsel der Umrandung bei Hover von Tag kbd

Die Rahmenfarbe soll sich von Farbe chartreuse auf Farbwert #191970 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <kbd> in Farbe chartreuse vor.

In diesem Beispiel umranden wir <kbd> mit einem 1 Pixel dicken, doppelten Rahmen in Farbe chartreuse.

<style type="text/css"><!--
  kbd { border:1px double chartreuse; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf #191970 gesetzt wird.

<style type="text/css"><!--
  kbd:hover { 
    border-color:#191970;
  }
//-->
</style>

Weiteres zu kbd erfahren Sie in Text in HTML. Beschreibung vom hier gezeigten Tag <kbd>.