Ressourcen: 120 HTML Farbnamen - Kombination von Farbe rosybrown 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 rosybrown			Schriftfarbwert #228b22
Detail	:	Hintergrund rosybrown	Detail	:	Schrift #228b22
Farbe	:	rosybrown	Farbwert	:	#228b22
Farbwert	:	#bc8f8f	Farbe	:	forestgreen
HTML	:	rosybrown	HTML	:	#228b22
HTML (Wert)	:	#bc8f8f	HTML (Wert)	:	#228b22
CSS	:	rosybrown	CSS	:	#228b22
CSS (Wert)	:	#bc8f8f	CSS (Wert)	:	#228b22
CSS (kürzest)	:	#bc8f8f	CSS (kürzest)	:	#228b22
CSS (RGB)	:	rgb(188,143,143)	CSS (RGB)	:	rgb(34,139,34)
CSS (%RGB)	:	rgb(73%,56%,56%)	CSS (%RGB)	:	rgb(13%,54%,13%)

Verlauf Hintergrundfarbe rosybrown nach Schriftfarbwert #228b22
#bc8f8f	#a68e7f	#908d6f	#7a8d60	#648c50	#4e8c41	#388b31	#228b22
#bc8f8f	#a68e7f	#908d6f	#7a8d60	#648c50	#4e8c41	#388b31	#228b22

Kombination von rosybrown und #228b22
Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit von #228b22 und rosybrown ergibt sich zu 92.57%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.43%. #228b22 eignet sich nicht als Schriftfarbe auf Hintergrund rosybrown, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbe rosybrown				Schriftfarbwert #228b22
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f	#228b22	#228b22	#228b22	#228b22
#c59f9f	#c59f9f	#a17a7a	#a17a7a	#419b41	#419b41	#1d771d	#1d771d
#cfafaf	#cfafaf	#866666	#866666	#61ac61	#61ac61	#186318	#186318
#d8bfbf	#d8bfbf	#6b5151	#6b5151	#80bc80	#80bc80	#134f13	#134f13
#e2cfcf	#e2cfcf	#503d3d	#503d3d	#a0cda0	#a0cda0	#0e3b0e	#0e3b0e
#ebdfdf	#ebdfdf	#352828	#352828	#bfddbf	#bfddbf	#092709	#092709
#f5efef	#f5efef	#1a1414	#1a1414	#dfeedf	#dfeedf	#041304	#041304
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe rosybrown und Farbwert #228b22

Wechsel der Umrandung bei Hover bei Tag dt

Die Rahmenfarbe soll sich von Farbe rosybrown auf Farbwert #228b22 ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst die Formatierung von <dt> in Farbe rosybrown vor.

In diesem Beispiel umranden wir <dt> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbe rosybrown.

<style type="text/css"><!--
  dt { 
    border-style: ridge; 
    border-width: 5px; 
    border-color: rosybrown;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #228b22 ändert.

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

Weiteres zu dt können Sie in Listen und Glossare in HTML finden. Einzelheiten vom hier genutzten Befehl dt erfahren Sie in der HTML Referenz unter <dt>.

Zebra-Effekt von HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem so genannten Zebra-Effekt. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <th> mit den Hintergrundfarben Farbe rosybrown und Farbwert #228b22.

<style type="text/css"><!--
  th.ger { 
    background-color: rosybrown;
  }
  th.ung { 
    background-color:#228b22;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="ger">Ya,a</td><td class="ung">Yb,a</td><td class="ger">Yc,a</td></tr>
<tr><td class="ger">Ya,b</td><td class="ung">Yb,b</td><td class="ger">Yc,b</td></tr>
<tr><td class="ger">Ya,c</td><td class="ung">Yb,c</td><td class="ger">Yc,c</td></tr>
</table>

Weiteres zum Thema th erfahren Sie in Tabellen in HTML. Einzelheiten vom hier genutzten Tag th erfahren Sie in der HTML Referenz unter <th>.