Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #00ff00 und Farbwert #191970

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 #00ff00			Schriftfarbwert #191970
Detail	:	Hintergrund #00ff00	Detail	:	Schrift #191970
Farbwert	:	#00ff00	Farbwert	:	#191970
Farbe	:	lime	Farbe	:	midnightblue
HTML	:	#00ff00	HTML	:	#191970
HTML (Wert)	:	#00ff00	HTML (Wert)	:	#191970
CSS	:	#00ff00	CSS	:	#191970
CSS (Wert)	:	#00ff00	CSS (Wert)	:	#191970
CSS (kürzest)	:	#0f0	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(0,255,0)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(0%,100%,0%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbwert #00ff00 nach Schriftfarbwert #191970
#00ff00	#03de10	#07bd20	#0a9c30	#0e7b40	#115a50	#153960	#191970
#00ff00	#03de10	#07bd20	#0a9c30	#0e7b40	#115a50	#153960	#191970

Kombination von #00ff00 und #191970
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben #191970 und #00ff00 beträgt 48.47%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 51.53%. Auf Hintergrund #00ff00 ist #191970 ungeeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #00ff00				Schriftfarbwert #191970
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff00	#00ff00	#00ff00	#00ff00	#191970	#191970	#191970	#191970
#24ff24	#24ff24	#00da00	#00da00	#393984	#393984	#151560	#151560
#48ff48	#48ff48	#00b600	#00b600	#5a5a98	#5a5a98	#111150	#111150
#6dff6d	#6dff6d	#009100	#009100	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#91ff91	#91ff91	#006d00	#006d00	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#b6ffb6	#b6ffb6	#004800	#004800	#bdbdd6	#bdbdd6	#070720	#070720
#daffda	#daffda	#002400	#002400	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00ff00 und Farbwert #191970

Wechsel der Umrandung bei Hover bei HTML-Tag img

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

In diesem Beispiel umranden wir <img> mit einem 3 Pixel dicken, gestrichelten Rahmen in Farbwert #00ff00.

<style type="text/css"><!--
  img { 
    border-width: 3px; 
    border-color: #0f0; 
    border-style: dashed;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #191970 gesetzt wird.

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

Weiteres zu img finden Sie in Grafik in HTML. Weiteres zum hier verwendeten HTML-Befehl img ist in der HTML Referenz unter <img> ausführlich gezeigt.

Text- und Unterstreichungsfarben mit Tag caption

Für dieses Beispiel ändern wir die Textfarbe von <caption> auf Farbwert #191970 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf monospace. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines gestrichelten Rahmens mit 5 Punkte Dicke in Farbwert #00ff00. In HTML ist das nicht möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  caption { 
    color:#191970; 
    border-bottom:5pt dashed #0f0; 
    font-size:13px; 
    font-family:monospace;
  }
//-->
</style>

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

Weiteres zu caption finden Sie in Tabellen in HTML. Einzelheiten vom hier genutzten HTML-Tag caption erfahren Sie in der HTML Referenz unter <caption>.