Ressourcen: 137 HTML Farbnamen - Kombination von Farbe limegreen und Farbwert #ffdab9

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 limegreen			Schriftfarbwert #ffdab9
Detail	:	Hintergrund limegreen	Detail	:	Schrift #ffdab9
Farbe	:	limegreen	Farbwert	:	#ffdab9
Farbwert	:	#32cd32	Farbe	:	peachpuff
HTML	:	limegreen	HTML	:	#ffdab9
HTML (Wert)	:	#32cd32	HTML (Wert)	:	#ffdab9
CSS	:	limegreen	CSS	:	#ffdab9
CSS (Wert)	:	#32cd32	CSS (Wert)	:	#ffdab9
CSS (kürzest)	:	#32cd32	CSS (kürzest)	:	#ffdab9
CSS (RGB)	:	rgb(50,205,50)	CSS (RGB)	:	rgb(255,218,185)
CSS (%RGB)	:	rgb(19%,80%,19%)	CSS (%RGB)	:	rgb(100%,85%,72%)

Verlauf Hintergrundfarbe limegreen nach Schriftfarbwert #ffdab9
#32cd32	#4fce45	#6cd058	#89d26b	#a7d47f	#c4d692	#e1d8a5	#ffdab9
#32cd32	#4fce45	#6cd058	#89d26b	#a7d47f	#c4d692	#e1d8a5	#ffdab9

Kombination von limegreen und #ffdab9
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.				#ffdab9 ist nicht als Schriftfarbe auf Hintergrund limegreen geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #ffdab9 und limegreen beträgt 92.32%. Die Lesbarkeit dieser Farbkombination liegt damit bei 7.68%.

Hintergrundfarbe limegreen				Schriftfarbwert #ffdab9
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#32cd32	#32cd32	#32cd32	#32cd32	#ffdab9	#ffdab9	#ffdab9	#ffdab9
#4fd44f	#4fd44f	#2aaf2a	#2aaf2a	#ffdfc3	#ffdfc3	#daba9e	#daba9e
#6cdb6c	#6cdb6c	#239223	#239223	#ffe4cd	#ffe4cd	#b69b84	#b69b84
#89e289	#89e289	#1c751c	#1c751c	#ffe9d7	#ffe9d7	#917c69	#917c69
#a7e9a7	#a7e9a7	#155715	#155715	#ffefe1	#ffefe1	#6d5d4f	#6d5d4f
#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e	#fff4eb	#fff4eb	#483e34	#483e34
#e1f7e1	#e1f7e1	#071d07	#071d07	#fff9f5	#fff9f5	#241f1a	#241f1a
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe limegreen und Farbwert #ffdab9

Wechsel der Umrandung bei Hover mit Tag fieldset

Die Rahmenfarbe soll sich von Farbe limegreen auf Farbwert #ffdab9 ändern, wenn man mit der Maus auf <fieldset> zeigt. Bereiten wir zunächst eine Darstellung von <fieldset> in Farbe limegreen vor.

In diesem Beispiel umranden wir <fieldset> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbe limegreen.

<style type="text/css"><!--
  fieldset { 
    border-style: groove; 
    border-color: limegreen; 
    border-width: 1px;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #ffdab9 ändert.

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

Mehr zum Thema finden Sie in Formulare in HTML. Möglichkeiten des hier gezeigten HTML-Tag <fieldset>.

Zebra-Effekt von HTML-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 den Hintergrundfarben Farbe limegreen und Farbwert #ffdab9.

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

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr class="odd"><td>U1.1</td><td>U2.1</td><td>U3.1</td></tr>
<tr class="even"><td>U1.2</td><td>U2.2</td><td>U3.2</td></tr>
<tr class="odd"><td>U1.3</td><td>U2.3</td><td>U3.3</td></tr>
</table>

Mehr zu tr finden Sie in Tabellen in HTML. Zur Beschreibung des hier genutzten HTML-Tag <tr>.