Ressourcen: 120 HTML Farbnamen - Kombination von Farbe indianred und Farbwert #32cd32

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 indianred			Schriftfarbwert #32cd32
Detail	:	Hintergrund indianred	Detail	:	Schrift #32cd32
Farbe	:	indianred	Farbwert	:	#32cd32
Farbwert	:	#cd5c5c	Farbe	:	limegreen
HTML	:	indianred	HTML	:	#32cd32
HTML (Wert)	:	#cd5c5c	HTML (Wert)	:	#32cd32
CSS	:	indianred	CSS	:	#32cd32
CSS (Wert)	:	#cd5c5c	CSS (Wert)	:	#32cd32
CSS (kürzest)	:	#cd5c5c	CSS (kürzest)	:	#32cd32
CSS (RGB)	:	rgb(205,92,92)	CSS (RGB)	:	rgb(50,205,50)
CSS (%RGB)	:	rgb(80%,36%,36%)	CSS (%RGB)	:	rgb(19%,80%,19%)

Verlauf Hintergrundfarbe indianred nach Schriftfarbwert #32cd32
#cd5c5c	#b66c56	#a07c50	#8a8c4a	#749c44	#5eac3e	#48bc38	#32cd32
#cd5c5c	#b66c56	#a07c50	#8a8c4a	#749c44	#5eac3e	#48bc38	#32cd32

Kombination von indianred und #32cd32
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.				Auf Hintergrund indianred ist #32cd32 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit von #32cd32 und indianred beträgt 91.06%. Die Lesbarkeit dieser Kombination liegt damit bei 8.94%.

Hintergrundfarbe indianred				Schriftfarbwert #32cd32
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c	#32cd32	#32cd32	#32cd32	#32cd32
#d47373	#d47373	#af4e4e	#af4e4e	#4fd44f	#4fd44f	#2aaf2a	#2aaf2a
#db8a8a	#db8a8a	#924141	#924141	#6cdb6c	#6cdb6c	#239223	#239223
#e2a1a1	#e2a1a1	#753434	#753434	#89e289	#89e289	#1c751c	#1c751c
#e9b9b9	#e9b9b9	#572727	#572727	#a7e9a7	#a7e9a7	#155715	#155715
#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a	#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e
#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d	#e1f7e1	#e1f7e1	#071d07	#071d07
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe indianred und Farbwert #32cd32

Zebra-Effekt von Befehl tr

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit unterschiedlichen Hintergrundfarben Farbe indianred und Farbwert #32cd32.

<style type="text/css"><!--
  tr.odd { 
    background-color: indianred;
  }
  tr.even { 
    background-color: #32cd32;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr class="odd"><td>Wa~a</td><td>Wb~a</td><td>Wc~a</td></tr>
<tr class="even"><td>Wa~b</td><td>Wb~b</td><td>Wc~b</td></tr>
<tr class="odd"><td>Wa~c</td><td>Wb~c</td><td>Wc~c</td></tr>
</table>

Mehr zu tr erfahren Sie in Tabellen in HTML. Weiteres zum HTML-Tag <tr>.

Wechsel der Hintergrundfarbe bei Hover mit Tag blockquote

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

Wir ändern als Beispiel bei <blockquote> die Hintergrundfarbe auf Farbe indianred. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf arial:

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

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #32cd32 gesetzt wird.

<style type="text/css"><!--
  blockquote:hover { 
    background-color:#32cd32;
  }
//-->
</style>

Mehr zum Thema blockquote erfahren Sie in Blockorientierte Elemente in HTML. Einzelheiten des HTML-Tag blockquote sind in der HTML Referenz bei <blockquote> ausführlich beschrieben.