Ressourcen: 137 HTML Farbnamen - Kombination von Farbe honeydew und Farbwert #006400

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 honeydew			Schriftfarbwert #006400
Detail	:	Hintergrund honeydew	Detail	:	Schrift #006400
Farbe	:	honeydew	Farbwert	:	#006400
Farbwert	:	#f0fff0	Farbe	:	darkgreen
HTML	:	honeydew	HTML	:	#006400
HTML (Wert)	:	#f0fff0	HTML (Wert)	:	#006400
CSS	:	honeydew	CSS	:	#006400
CSS (Wert)	:	#f0fff0	CSS (Wert)	:	#006400
CSS (kürzest)	:	#f0fff0	CSS (kürzest)	:	#006400
CSS (RGB)	:	rgb(240,255,240)	CSS (RGB)	:	rgb(0,100,0)
CSS (%RGB)	:	rgb(94%,100%,94%)	CSS (%RGB)	:	rgb(0%,39%,0%)

Verlauf Hintergrundfarbe honeydew nach Schriftfarbwert #006400
#f0fff0	#cde8cd	#abd2ab	#89bc89	#66a666	#449044	#227a22	#006400
#f0fff0	#cde8cd	#abd2ab	#89bc89	#66a666	#449044	#227a22	#006400

Kombination von honeydew und #006400
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.				#006400 eignet sich als Schriftfarbe auf Hintergrund honeydew. Die Unterschiede in Helligkeit und Farbe sind ok. Die Ähnlichkeit der Farben #006400 und honeydew ergibt sich zu 65.81%. Die Lesbarkeit dieser Kombination ergibt sich zu 34.19%.

Hintergrundfarbe honeydew				Schriftfarbwert #006400
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0fff0	#f0fff0	#f0fff0	#f0fff0	#006400	#006400	#006400	#006400
#f2fff2	#f2fff2	#cddacd	#cddacd	#247a24	#247a24	#005500	#005500
#f4fff4	#f4fff4	#abb6ab	#abb6ab	#489048	#489048	#004700	#004700
#f6fff6	#f6fff6	#899189	#899189	#6da66d	#6da66d	#003900	#003900
#f8fff8	#f8fff8	#666d66	#666d66	#91bc91	#91bc91	#002a00	#002a00
#fafffa	#fafffa	#444844	#444844	#b6d2b6	#b6d2b6	#001c00	#001c00
#fcfffc	#fcfffc	#222422	#222422	#dae8da	#dae8da	#000e00	#000e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe honeydew und Farbwert #006400

Wechsel der Textfarbe bei Hover bei Befehl tr

Die Textfarbe soll sich von Farbe honeydew auf Farbwert #006400 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <tr> in Farbe honeydew vor.

Wir setzen als Beispiel die Textfarbe von <tr> auf Farbe honeydew. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf monospace und vergrößern die Schriftgröße auf 118%:

<style type="text/css"><!--
  tr { 
    font-family: monospace; 
    font-size: 118%; 
    color: honeydew;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #006400 gesetzt wird.

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

Weiteres zu tr finden Sie in Tabellen in HTML. Einzelheiten des hier gezeigten Tag tr finden Sie in der HTML Referenz unter <tr>.

Text- und Unterstreichungsfarben von Tag q

Wir ändern Hher die Textfarbe von <q> auf Farbwert #006400. Die Schriftart setzen wir auf courier new und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <q> mit Hilfe eines doppelten Rahmens mit 1 Pixel Dicke in Farbe honeydew. In HTML ist dies nicht möglich. Deshalb verwenden wir hier CSS.

<style type="text/css"><!--
  q { 
    color:#006400; 
    font-family:courier new; 
    font-size:13px; 
    border-bottom:1px double honeydew;
  }
//-->
</style>

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

Weiteres zum HTML-Tag q ist in der HTML Referenz unter <q> genau gezeigt.