Ressourcen: 137 HTML Farbnamen - Kombination von Farbe wheat und Farbwert #228b22

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe wheat			Schriftfarbwert #228b22
Detail	:	Hintergrund wheat	Detail	:	Schrift #228b22
Farbe	:	wheat	Farbwert	:	#228b22
Farbwert	:	#f5deb3	Farbe	:	forestgreen
HTML	:	wheat	HTML	:	#228b22
HTML (Wert)	:	#f5deb3	HTML (Wert)	:	#228b22
CSS	:	wheat	CSS	:	#228b22
CSS (Wert)	:	#f5deb3	CSS (Wert)	:	#228b22
CSS (kürzest)	:	#f5deb3	CSS (kürzest)	:	#228b22
CSS (RGB)	:	rgb(245,222,179)	CSS (RGB)	:	rgb(34,139,34)
CSS (%RGB)	:	rgb(96%,87%,70%)	CSS (%RGB)	:	rgb(13%,54%,13%)

Verlauf Hintergrundfarbe wheat nach Schriftfarbwert #228b22
#f5deb3	#d6d29e	#b8c689	#9aba74	#7cae60	#5ea24b	#409636	#228b22
#f5deb3	#d6d29e	#b8c689	#9aba74	#7cae60	#5ea24b	#409636	#228b22

Kombination von wheat und #228b22
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#228b22 eignet sich nicht als Schriftfarbe auf Hintergrund wheat, weil der Farbunterschied zu gering ist Die Ähnlichkeit der Farben #228b22 und wheat ergibt sich zu 84.09%. Die Lesbarkeit dieser Kombination ergibt sich zu 15.91%.

Hintergrundfarbe wheat				Schriftfarbwert #228b22
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5deb3	#f5deb3	#f5deb3	#f5deb3	#228b22	#228b22	#228b22	#228b22
#f6e2bd	#f6e2bd	#d2be99	#d2be99	#419b41	#419b41	#1d771d	#1d771d
#f7e7c8	#f7e7c8	#af9e7f	#af9e7f	#61ac61	#61ac61	#186318	#186318
#f9ecd3	#f9ecd3	#8c7e66	#8c7e66	#80bc80	#80bc80	#134f13	#134f13
#faf0de	#faf0de	#695f4c	#695f4c	#a0cda0	#a0cda0	#0e3b0e	#0e3b0e
#fcf5e9	#fcf5e9	#463f33	#463f33	#bfddbf	#bfddbf	#092709	#092709
#fdfaf4	#fdfaf4	#231f19	#231f19	#dfeedf	#dfeedf	#041304	#041304
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe wheat und Farbwert #228b22

Wechsel der Hintergrundfarbe bei Hover mit Befehl del

Die Hintergrundfarbe soll sich von Farbe wheat auf Farbwert #228b22 ändern, wenn man mit der Maus auf <del> zeigt. Wir bereiten zunächst eine Darstellung von <del> in Farbe wheat vor.

Als Beispiel legen wir bei <del> die Hintergrundfarbe auf Farbe wheat fest. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf monospace:

<style type="text/css"><!--
  del { 
    font-family:monospace; 
    background-color:wheat;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Hintergrundfarbe zu #228b22 ändert.

<style type="text/css"><!--
  del:hover { 
    background-color:#228b22;
  }
//-->
</style>

Beschreibung vom hier verwendeten Tag <del>.