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

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

Verlauf Hintergrundfarbe cornsilk nach Schriftfarbe lawngreen
#fff8dc	#ecf8bc	#d9f99d	#c6f97d	#b4fa5e	#a1fa3e	#8efb1f	#7cfc00
#fff8dc	#ecf8bc	#d9f99d	#c6f97d	#b4fa5e	#a1fa3e	#8efb1f	#7cfc00

Kombination von cornsilk und lawngreen
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund cornsilk ist lawngreen ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von lawngreen und cornsilk ergibt sich zu 94.05%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.95%.

Hintergrundfarbe cornsilk				Schriftfarbe lawngreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff8dc	#fff8dc	#fff8dc	#fff8dc	#7cfc00	#7cfc00	#7cfc00	#7cfc00
#fff9e1	#fff9e1	#dad4bc	#dad4bc	#8efc24	#8efc24	#6ad800	#6ad800
#fffae6	#fffae6	#b6b19d	#b6b19d	#a1fc48	#a1fc48	#58b400	#58b400
#fffbeb	#fffbeb	#918d7d	#918d7d	#b4fd6d	#b4fd6d	#469000	#469000
#fffcf0	#fffcf0	#6d6a5e	#6d6a5e	#c6fd91	#c6fd91	#356c00	#356c00
#fffdf5	#fffdf5	#48463e	#48463e	#d9feb6	#d9feb6	#234800	#234800
#fffefa	#fffefa	#24231f	#24231f	#ecfeda	#ecfeda	#112400	#112400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe cornsilk und Farbe lawngreen

Hintergrund/Text-Kombination mit HTML-Tag samp

Hier ändern wir die Textfarbe von <samp> auf Farbe lawngreen und die Hintergrundfarbe von <samp> auf Farbe cornsilk. Die Schriftart ändern wir auf arial und als Schriftgröße setzen wir 14px.

<style type="text/css"><!--
  samp { 
    color:lawngreen; 
    background-color:cornsilk; 
    font-size:14px; 
    font-family:arial;
  }
//-->
</style>

Mehr zu samp können Sie in Text in HTML erfahren. Beschreibung des hier genutzten Tag <samp>.

Wechsel der Textfarbe bei Hover von Tag colgroup

Die Textfarbe soll sich von Farbe cornsilk auf Farbe lawngreen ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <colgroup> in Farbe cornsilk vor.

Als Beispiel legen wir Farbe cornsilk als Textfarbe von <colgroup> fest:

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

Nun stellen wir ein, dass bei Hover die Textfarbe auf lawngreen gesetzt wird.

<style type="text/css"><!--
  colgroup:hover { 
    color:lawngreen;
  }
//-->
</style>

Weiteres zu colgroup können Sie in Tabellen in HTML lesen. Zur Beschreibung vom Befehl <colgroup>.