Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkgreen und Farbwert #fffff0

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

Verlauf Hintergrundfarbe darkgreen nach Schriftfarbwert #fffff0
#006400	#247a22	#489044	#6da666	#91bc89	#b6d2ab	#dae8cd	#fffff0
#006400	#247a22	#489044	#6da666	#91bc89	#b6d2ab	#dae8cd	#fffff0

Kombination von darkgreen und #fffff0
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				#fffff0 eignet sich als Schriftfarbe auf Hintergrund darkgreen. Sowohl der Helligkeitsunterschied als auch der Farbenunterschied sind in Ordnung. Die Ähnlichkeit von #fffff0 und darkgreen beträgt 64.89%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 35.11%.

Hintergrundfarbe darkgreen				Schriftfarbwert #fffff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#006400	#006400	#006400	#006400	#fffff0	#fffff0	#fffff0	#fffff0
#247a24	#247a24	#005500	#005500	#fffff2	#fffff2	#dadacd	#dadacd
#489048	#489048	#004700	#004700	#fffff4	#fffff4	#b6b6ab	#b6b6ab
#6da66d	#6da66d	#003900	#003900	#fffff6	#fffff6	#919189	#919189
#91bc91	#91bc91	#002a00	#002a00	#fffff8	#fffff8	#6d6d66	#6d6d66
#b6d2b6	#b6d2b6	#001c00	#001c00	#fffffa	#fffffa	#484844	#484844
#dae8da	#dae8da	#000e00	#000e00	#fffffc	#fffffc	#242422	#242422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkgreen und Farbwert #fffff0

Hintergrund/Text-Kombination mit Tag a

Einen Verweis setzt man mit HTML-Tag <a>. Diesen können Sie hervorheben und farblich gestalten.

Bei diesem Beispiel ändern wir die Textfarbe von <a> auf Farbwert #fffff0 und die Hintergrundfarbe von <a> auf Farbe darkgreen. Die Schriftart ändern wir auf arial und als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  a { 
    font-size:13px; 
    background-color:darkgreen; 
    color:#fffff0; 
    font-family:arial;
  }
//-->
</style>

Weiteres zu a lesen Sie in Verweise und Protokolle in HTML. Einzelheiten des Tag a sind in der HTML Referenz bei <a> genau zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl dt

Die Hintergrundfarbe soll sich von Farbe darkgreen auf Farbwert #fffff0 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <dt> in Farbe darkgreen vor.

Wir setzen zum Beispiel bei <dt> die Hintergrundfarbe auf Farbe darkgreen. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  dt { 
    background-color:darkgreen; 
    font-family:verdana;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #fffff0 ändert.

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

Weiteres zu dt können Sie in Listen und Glossare in HTML finden. Die Beschreibung vom hier genutzten Befehl dt lesen Sie in der HTML Referenz unter <dt>.