Ressourcen: 120 HTML Farbnamen - Kombination von Farbe forestgreen und Farbwert #ffffe0

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 forestgreen			Schriftfarbwert #ffffe0
Detail	:	Hintergrund forestgreen	Detail	:	Schrift #ffffe0
Farbe	:	forestgreen	Farbwert	:	#ffffe0
Farbwert	:	#228b22	Farbe	:	lightyellow
HTML	:	forestgreen	HTML	:	#ffffe0
HTML (Wert)	:	#228b22	HTML (Wert)	:	#ffffe0
CSS	:	forestgreen	CSS	:	#ffffe0
CSS (Wert)	:	#228b22	CSS (Wert)	:	#ffffe0
CSS (kürzest)	:	#228b22	CSS (kürzest)	:	#ffffe0
CSS (RGB)	:	rgb(34,139,34)	CSS (RGB)	:	rgb(255,255,224)
CSS (%RGB)	:	rgb(13%,54%,13%)	CSS (%RGB)	:	rgb(100%,100%,87%)

Verlauf Hintergrundfarbe forestgreen nach Schriftfarbwert #ffffe0
#228b22	#419b3d	#61ac58	#80bc73	#a0cd8e	#bfdda9	#dfeec4	#ffffe0
#228b22	#419b3d	#61ac58	#80bc73	#a0cd8e	#bfdda9	#dfeec4	#ffffe0

Kombination von forestgreen und #ffffe0
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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ffffe0 eignet sich als Schriftfarbe auf Hintergrund forestgreen. Die Unterschiede in Helligkeit und Farbe sind gut. Die Ähnlichkeit von #ffffe0 und forestgreen beträgt 79.46%. Die Lesbarkeit dieser Farbkombination liegt damit bei 20.54%.

Hintergrundfarbe forestgreen				Schriftfarbwert #ffffe0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#228b22	#228b22	#228b22	#228b22	#ffffe0	#ffffe0	#ffffe0	#ffffe0
#419b41	#419b41	#1d771d	#1d771d	#ffffe4	#ffffe4	#dadac0	#dadac0
#61ac61	#61ac61	#186318	#186318	#ffffe8	#ffffe8	#b6b6a0	#b6b6a0
#80bc80	#80bc80	#134f13	#134f13	#ffffed	#ffffed	#919180	#919180
#a0cda0	#a0cda0	#0e3b0e	#0e3b0e	#fffff1	#fffff1	#6d6d60	#6d6d60
#bfddbf	#bfddbf	#092709	#092709	#fffff6	#fffff6	#484840	#484840
#dfeedf	#dfeedf	#041304	#041304	#fffffa	#fffffa	#242420	#242420
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe forestgreen und Farbwert #ffffe0

Hintergrund/Text-Kombination bei Tag dt

Wir ändern hier die Textfarbe von <dt> auf Farbwert #ffffe0 und die Hintergrundfarbe von <dt> auf Farbe forestgreen. Als Schriftart wählen wir verdana. Die Schriftgröße setzen wir auf 12pt.

<style type="text/css"><!--
  dt { 
    font-family: verdana; 
    color: #ffffe0; 
    font-size: 12pt; 
    background-color: forestgreen;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Listen und Glossare in HTML. Mehr zum HTML-Befehl dt erfahren Sie in der HTML Referenz unter <dt>.

Wechsel der Hintergrundfarbe bei Hover mit Tag textarea

Die Hintergrundfarbe soll sich von Farbe forestgreen auf Farbwert #ffffe0 ändern, wenn man mit der Maus auf <textarea> zeigt. Bereiten wir zunächst eine Darstellung von <textarea> in Farbe forestgreen vor.

Für dieses Beispiel legen wir bei <textarea> die Hintergrundfarbe auf Farbe forestgreen fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf sans-serif:

<style type="text/css"><!--
  textarea { 
    background-color: forestgreen; 
    font-family: sans-serif;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #ffffe0 gesetzt wird.

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

Weiteres zu textarea erfahren Sie in Formulare in HTML. Beschreibung des hier gezeigten HTML-Tag <textarea>.