Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightgreen und Farbwert #f4a460

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 lightgreen			Schriftfarbwert #f4a460
Detail	:	Hintergrund lightgreen	Detail	:	Schrift #f4a460
Farbe	:	lightgreen	Farbwert	:	#f4a460
Farbwert	:	#90ee90	Farbe	:	sandybrown
HTML	:	lightgreen	HTML	:	#f4a460
HTML (Wert)	:	#90ee90	HTML (Wert)	:	#f4a460
CSS	:	lightgreen	CSS	:	#f4a460
CSS (Wert)	:	#90ee90	CSS (Wert)	:	#f4a460
CSS (kürzest)	:	#90ee90	CSS (kürzest)	:	#f4a460
CSS (RGB)	:	rgb(144,238,144)	CSS (RGB)	:	rgb(244,164,96)
CSS (%RGB)	:	rgb(56%,93%,56%)	CSS (%RGB)	:	rgb(95%,64%,37%)

Verlauf Hintergrundfarbe lightgreen nach Schriftfarbwert #f4a460
#90ee90	#9ee389	#acd882	#bace7b	#c9c374	#d7b96d	#e5ae66	#f4a460
#90ee90	#9ee389	#acd882	#bace7b	#c9c374	#d7b96d	#e5ae66	#f4a460

Kombination von lightgreen und #f4a460
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 vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit von #f4a460 und lightgreen ergibt sich zu 93.17%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.83%. #f4a460 eignet sich nicht als Schriftfarbe auf Hintergrund lightgreen, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe lightgreen				Schriftfarbwert #f4a460
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#90ee90	#90ee90	#90ee90	#90ee90	#f4a460	#f4a460	#f4a460	#f4a460
#9ff09f	#9ff09f	#7bcc7b	#7bcc7b	#f5b176	#f5b176	#d18c52	#d18c52
#aff2af	#aff2af	#66aa66	#66aa66	#f7be8d	#f7be8d	#ae7544	#ae7544
#bff5bf	#bff5bf	#528852	#528852	#f8cba4	#f8cba4	#8b5d36	#8b5d36
#cff7cf	#cff7cf	#3d663d	#3d663d	#fad8ba	#fad8ba	#684629	#684629
#dffadf	#dffadf	#294429	#294429	#fbe5d1	#fbe5d1	#452e1b	#452e1b
#effcef	#effcef	#142214	#142214	#fdf2e8	#fdf2e8	#22170d	#22170d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightgreen und Farbwert #f4a460

Füllen und Umranden bei Tag colgroup

Hier umranden wir <colgroup> mit einem . Den Hintergrund von <colgroup> färben wir entsprechend mit Farbe lightgreen. In HTML geht das nicht. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  colgroup { border:4px dashed #f4a460; background-color:lightgreen; }
//-->
</style>

Weiteres zum Thema colgroup können Sie in Tabellen in HTML lesen. Die Beschreibung des hier verwendeten HTML-Tag colgroup finden Sie in der HTML Referenz unter <colgroup>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag div

Einen Kontainer erzeugen Sie mit Befehl <div>. Diesen können Sie hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbe lightgreen auf Farbwert #f4a460 ändern, wenn man mit der Maus auf <div> zeigt. Wir bereiten zunächst die Formatierung von <div> in Farbe lightgreen vor.

Wir legen zum Beispiel Farbe lightgreen als Hintergrundfarbe von <div> fest. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf arial.

<style type="text/css"><!--
  div { 
    font-family: arial; 
    background-color: lightgreen;
  }
//-->
</style>

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

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

Möglichkeiten des Tag div finden Sie in der HTML Referenz unter <div>.