Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lemonchiffon und Farbwert #d3d3d3

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 lemonchiffon			Schriftfarbwert #d3d3d3
Detail	:	Hintergrund lemonchiffon	Detail	:	Schrift #d3d3d3
Farbe	:	lemonchiffon	Farbwert	:	#d3d3d3
Farbwert	:	#fffacd	Farbe	:	lightgrey
HTML	:	lemonchiffon	HTML	:	#d3d3d3
HTML (Wert)	:	#fffacd	HTML (Wert)	:	#d3d3d3
CSS	:	lemonchiffon	CSS	:	#d3d3d3
CSS (Wert)	:	#fffacd	CSS (Wert)	:	#d3d3d3
CSS (kürzest)	:	#fffacd	CSS (kürzest)	:	#d3d3d3
CSS (RGB)	:	rgb(255,250,205)	CSS (RGB)	:	rgb(211,211,211)
CSS (%RGB)	:	rgb(100%,98%,80%)	CSS (%RGB)	:	rgb(82%,82%,82%)

Verlauf Hintergrundfarbe lemonchiffon nach Schriftfarbwert #d3d3d3
#fffacd	#f8f4cd	#f2eece	#ece9cf	#e5e3d0	#dfded1	#d9d8d2	#d3d3d3
#fffacd	#f8f4cd	#f2eece	#ece9cf	#e5e3d0	#dfded1	#d9d8d2	#d3d3d3

Kombination von lemonchiffon und #d3d3d3
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.				Die Ähnlichkeit von #d3d3d3 und lemonchiffon beträgt 93.28%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.72%. #d3d3d3 eignet sich nicht als Schriftfarbe auf Hintergrund lemonchiffon, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbe lemonchiffon				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffacd	#fffacd	#fffacd	#fffacd	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#fffad4	#fffad4	#dad6af	#dad6af	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#fffbdb	#fffbdb	#b6b292	#b6b292	#dfdfdf	#dfdfdf	#969696	#969696
#fffce2	#fffce2	#918e75	#918e75	#e5e5e5	#e5e5e5	#787878	#787878
#fffce9	#fffce9	#6d6b57	#6d6b57	#ececec	#ececec	#5a5a5a	#5a5a5a
#fffdf0	#fffdf0	#48473a	#48473a	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#fffef7	#fffef7	#24231d	#24231d	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lemonchiffon und Farbwert #d3d3d3

Wechsel der Hintergrundfarbe bei Hover von Befehl label

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

Als Beispiel legen wir die Hintergrundfarbe von <label> auf Farbe lemonchiffon fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf courier new und ändern die Schriftgröße auf 9px.

<style type="text/css"><!--
  label { 
    background-color: lemonchiffon; 
    font-family: courier new; 
    font-size: 9px;
  }
//-->
</style>

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

<style type="text/css"><!--
  label:hover { 
    background-color:#d3d3d3;
  }
//-->
</style>

Mehr zu label können Sie in Formulare in HTML nachsehen. Die Beschreibung vom hier gezeigten HTML-Tag label lesen Sie in der HTML Referenz unter <label>.

Zebra-Effekt bei HTML-Befehl td

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

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

Diese CSS-Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="even">TA,A</td><td class="odd">TB,A</td><td class="even">TC,A</td></tr>
<tr><td class="even">TA,B</td><td class="odd">TB,B</td><td class="even">TC,B</td></tr>
<tr><td class="even">TA,C</td><td class="odd">TB,C</td><td class="even">TC,C</td></tr>
</table>

Weiteres zu td können Sie in Tabellen in HTML finden. Mehr zum HTML-Befehl td finden Sie in der HTML Referenz unter <td>.