Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkgreen und Farbe cornsilk

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			Schriftfarbe cornsilk
Detail	:	Hintergrund darkgreen	Detail	:	Schrift cornsilk
Farbe	:	darkgreen	Farbe	:	cornsilk
Farbwert	:	#006400	Farbwert	:	#fff8dc
HTML	:	darkgreen	HTML	:	cornsilk
HTML (Wert)	:	#006400	HTML (Wert)	:	#fff8dc
CSS	:	darkgreen	CSS	:	cornsilk
CSS (Wert)	:	#006400	CSS (Wert)	:	#fff8dc
CSS (kürzest)	:	#006400	CSS (kürzest)	:	#fff8dc
CSS (RGB)	:	rgb(0,100,0)	CSS (RGB)	:	rgb(255,248,220)
CSS (%RGB)	:	rgb(0%,39%,0%)	CSS (%RGB)	:	rgb(100%,97%,86%)

Verlauf Hintergrundfarbe darkgreen nach Schriftfarbe cornsilk
#006400	#24791f	#488e3e	#6da35e	#91b87d	#b6cd9d	#dae2bc	#fff8dc
#006400	#24791f	#488e3e	#6da35e	#91b87d	#b6cd9d	#dae2bc	#fff8dc

Kombination von darkgreen und cornsilk
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				cornsilk eignet sich als Schriftfarbe auf Hintergrund darkgreen. Die Unterschiede in Helligkeit und Farbe sind in Ordnung. Die Ähnlichkeit der Farben cornsilk und darkgreen ergibt sich zu 66.75%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 33.25%.

Hintergrundfarbe darkgreen				Schriftfarbe cornsilk
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#006400	#006400	#006400	#006400	#fff8dc	#fff8dc	#fff8dc	#fff8dc
#247a24	#247a24	#005500	#005500	#fff9e1	#fff9e1	#dad4bc	#dad4bc
#489048	#489048	#004700	#004700	#fffae6	#fffae6	#b6b19d	#b6b19d
#6da66d	#6da66d	#003900	#003900	#fffbeb	#fffbeb	#918d7d	#918d7d
#91bc91	#91bc91	#002a00	#002a00	#fffcf0	#fffcf0	#6d6a5e	#6d6a5e
#b6d2b6	#b6d2b6	#001c00	#001c00	#fffdf5	#fffdf5	#48463e	#48463e
#dae8da	#dae8da	#000e00	#000e00	#fffefa	#fffefa	#24231f	#24231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkgreen und Farbe cornsilk

Hintergrund/Text-Kombination bei HTML-Befehl textarea

Wir ändern hier die Textfarbe von <textarea> auf Farbe cornsilk und die Hintergrundfarbe von <textarea> auf Farbe darkgreen. Die Schriftart ändern wir auf courier new. Die Schriftgröße setzen wir auf 110%.

<style type="text/css"><!--
  textarea { 
    background-color:darkgreen; 
    color:cornsilk; 
    font-size:110%; 
    font-family:courier new;
  }
//-->
</style>

Weiteres zu textarea finden Sie in Formulare in HTML. Die Beschreibung vom hier genutzten HTML-Tag textarea erfahren Sie in der HTML Referenz unter <textarea>.

Wechsel der Hintergrundfarbe bei Hover mit Befehl form

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

Wir legen zum Beispiel die Hintergrundfarbe von <form> auf Farbe darkgreen fest.

<style type="text/css"><!--
  form { 
    background-color: darkgreen;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf cornsilk geändert wird.

<style type="text/css"><!--
  form:hover { 
    background-color:cornsilk;
  }
//-->
</style>

Mehr zu form erfahren Sie in Formulare in HTML. Weiteres zum Befehl form lesen Sie in der HTML Referenz unter <form>.