Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightcyan und Farbwert #228b22

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

Verlauf Hintergrundfarbe lightcyan nach Schriftfarbwert #228b22
#e0ffff	#c4eedf	#a9ddbf	#8ecda0	#73bc80	#58ac61	#3d9b41	#228b22
#e0ffff	#c4eedf	#a9ddbf	#8ecda0	#73bc80	#58ac61	#3d9b41	#228b22

Kombination von lightcyan und #228b22
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				#228b22 eignet sich als Schriftfarbe auf Hintergrund lightcyan, weil sowohl der Unterschied in den Helligkeiten als auch der Unterschied in den Farben geeignet sind. Die Ähnlichkeit der Farben #228b22 und lightcyan ergibt sich zu 80.18%. Die Lesbarkeit dieser Kombination ergibt sich zu 19.82%.

Hintergrundfarbe lightcyan				Schriftfarbwert #228b22
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#228b22	#228b22	#228b22	#228b22
#e4ffff	#e4ffff	#c0dada	#c0dada	#419b41	#419b41	#1d771d	#1d771d
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#61ac61	#61ac61	#186318	#186318
#edffff	#edffff	#809191	#809191	#80bc80	#80bc80	#134f13	#134f13
#f1ffff	#f1ffff	#606d6d	#606d6d	#a0cda0	#a0cda0	#0e3b0e	#0e3b0e
#f6ffff	#f6ffff	#404848	#404848	#bfddbf	#bfddbf	#092709	#092709
#faffff	#faffff	#202424	#202424	#dfeedf	#dfeedf	#041304	#041304
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightcyan und Farbwert #228b22

Zebra-Effekt bei Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom so genannten Zebra-Effekt. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <td> mit unterschiedlichen Hintergrundfarben Farbe lightcyan und Farbwert #228b22.

<style type="text/css"><!--
  td.odd { 
    background-color: lightcyan;
  }
  td.even { 
    background-color:#228b22;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr><td class="odd">YA:A</td><td class="even">YB:A</td><td class="odd">YC:A</td></tr>
<tr><td class="odd">YA:B</td><td class="even">YB:B</td><td class="odd">YC:B</td></tr>
<tr><td class="odd">YA:C</td><td class="even">YB:C</td><td class="odd">YC:C</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML erfahren. Weiteres zum hier gezeigten HTML-Befehl <td>.

Wechsel der Textfarbe bei Hover von HTML-Tag textarea

Die Textfarbe soll sich von Farbe lightcyan auf Farbwert #228b22 ändern, wenn man mit der Maus auf <textarea> zeigt. Bereiten wir zunächst die Darstellung von <textarea> in Farbe lightcyan vor.

Zum Beispiel legen wir bei <textarea> die Textfarbe auf Farbe lightcyan fest. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart setzen wir auf monospace und setzen die Schriftgröße auf 13px:

<style type="text/css"><!--
  textarea { 
    font-size: 13px; 
    font-family: monospace; 
    color: lightcyan;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #228b22 gesetzt wird.

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

Mehr zum Thema textarea können Sie in Formulare in HTML finden. Beschreibung vom hier genutzten Befehl <textarea>.