Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #32cd32 und Farbwert #d8bfd8

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.

Hintergrundfarbwert #32cd32			Schriftfarbwert #d8bfd8
Detail	:	Hintergrund #32cd32	Detail	:	Schrift #d8bfd8
Farbwert	:	#32cd32	Farbwert	:	#d8bfd8
Farbe	:	limegreen	Farbe	:	thistle
HTML	:	#32cd32	HTML	:	#d8bfd8
HTML (Wert)	:	#32cd32	HTML (Wert)	:	#d8bfd8
CSS	:	#32cd32	CSS	:	#d8bfd8
CSS (Wert)	:	#32cd32	CSS (Wert)	:	#d8bfd8
CSS (kürzest)	:	#32cd32	CSS (kürzest)	:	#d8bfd8
CSS (RGB)	:	rgb(50,205,50)	CSS (RGB)	:	rgb(216,191,216)
CSS (%RGB)	:	rgb(19%,80%,19%)	CSS (%RGB)	:	rgb(84%,74%,84%)

Verlauf Hintergrundfarbwert #32cd32 nach Schriftfarbwert #d8bfd8
#32cd32	#49cb49	#61c961	#79c779	#90c590	#a8c3a8	#c0c1c0	#d8bfd8
#32cd32	#49cb49	#61c961	#79c779	#90c590	#a8c3a8	#c0c1c0	#d8bfd8

Kombination von #32cd32 und #d8bfd8
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#d8bfd8 eignet sich nicht als Schriftfarbe auf Hintergrund #32cd32. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #d8bfd8 und #32cd32 beträgt 94.06%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.94%.

Hintergrundfarbwert #32cd32				Schriftfarbwert #d8bfd8
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#32cd32	#32cd32	#32cd32	#32cd32	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
#4fd44f	#4fd44f	#2aaf2a	#2aaf2a	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
#6cdb6c	#6cdb6c	#239223	#239223	#e3d1e3	#e3d1e3	#9a889a	#9a889a
#89e289	#89e289	#1c751c	#1c751c	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
#a7e9a7	#a7e9a7	#155715	#155715	#eee3ee	#eee3ee	#5c515c	#5c515c
#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e	#f3ecf3	#f3ecf3	#3d363d	#3d363d
#e1f7e1	#e1f7e1	#071d07	#071d07	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #32cd32 und Farbwert #d8bfd8

Wechsel der Umrandung bei Hover bei Tag div

Einen Universalkontainer setzen Sie mit Tag <div>. Dieser kann farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbwert #32cd32 auf Farbwert #d8bfd8 ändern, wenn man mit der Maus auf <div> zeigt. Bereiten wir zunächst die Darstellung von <div> in Farbwert #32cd32 vor.

In diesem Beispiel umranden wir <div> mit einem 3 Pixel dicken, gezahnten Rahmen in Farbwert #32cd32.

<style type="text/css"><!--
  div { 
    border-color: #32cd32; 
    border-width: 3px; 
    border-style: ridge;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #d8bfd8 gesetzt wird.

<style type="text/css"><!--
  div:hover { 
    border-color:#d8bfd8;
  }
//-->
</style>

Der hier gezeigte Befehl div ist in der HTML Referenz bei <div> genau gezeigt.

Zebra-Effekt von Tag tr

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

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

Diese werden dann abwechselnd verwendet.

<table>
<tr class="even"><td>Na~a</td><td>Nb~a</td><td>Nc~a</td></tr>
<tr class="odd"><td>Na~b</td><td>Nb~b</td><td>Nc~b</td></tr>
<tr class="even"><td>Na~c</td><td>Nb~c</td><td>Nc~c</td></tr>
</table>

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