Ressourcen: 137 HTML Farbnamen - Kombination von Farbe peachpuff und Farbwert #40e0d0

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 peachpuff			Schriftfarbwert #40e0d0
Detail	:	Hintergrund peachpuff	Detail	:	Schrift #40e0d0
Farbe	:	peachpuff	Farbwert	:	#40e0d0
Farbwert	:	#ffdab9	Farbe	:	turquoise
HTML	:	peachpuff	HTML	:	#40e0d0
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#40e0d0
CSS	:	peachpuff	CSS	:	#40e0d0
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#40e0d0
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#40e0d0
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(64,224,208)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(25%,87%,81%)

Verlauf Hintergrundfarbe peachpuff nach Schriftfarbwert #40e0d0
#ffdab9	#e3dabc	#c8dbbf	#addcc2	#91ddc6	#76dec9	#5bdfcc	#40e0d0
#ffdab9	#e3dabc	#c8dbbf	#addcc2	#91ddc6	#76dec9	#5bdfcc	#40e0d0

Kombination von peachpuff und #40e0d0
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #40e0d0 und peachpuff beträgt 94.05%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.95%. Auf Hintergrund peachpuff ist #40e0d0 ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe peachpuff				Schriftfarbwert #40e0d0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#40e0d0	#40e0d0	#40e0d0	#40e0d0
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#5be4d6	#5be4d6	#36c0b2	#36c0b2
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#76e8dd	#76e8dd	#2da094	#2da094
#ffe9d7	#ffe9d7	#917c69	#917c69	#91ede4	#91ede4	#248076	#248076
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#adf1ea	#adf1ea	#1b6059	#1b6059
#fff4eb	#fff4eb	#483e34	#483e34	#c8f6f1	#c8f6f1	#12403b	#12403b
#fff9f5	#fff9f5	#241f1a	#241f1a	#e3faf8	#e3faf8	#09201d	#09201d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe peachpuff und Farbwert #40e0d0

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag em

Die Hintergrundfarbe soll sich von Farbe peachpuff auf Farbwert #40e0d0 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <em> in Farbe peachpuff vor.

Z.B. legen wir bei <em> die Hintergrundfarbe auf Farbe peachpuff fest. Die Schriftgröße setzen wir auf 13px:

<style type="text/css"><!--
  em { 
    font-size:13px; 
    background-color:peachpuff;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #40e0d0 ändert.

<style type="text/css"><!--
  em: hover { 
    background-color: #40e0d0;
  }
//-->
</style>

Weiteres zum Thema em finden Sie in Text in HTML. Mehr zum Befehl <em>.

Zebra-Effekt von Tag th

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <th> mit den Hintergrundfarben Farbe peachpuff und Farbwert #40e0d0.

<style type="text/css"><!--
  th.ungerade { 
    background-color:peachpuff;
  }
  th.gerade { 
    background-color:#40e0d0;
  }
//-->
</style>

Diese werden abwechselnd verwendet.

<table>
<tr><td class="ungerade">Qa.a</td><td class="gerade">Qb.a</td><td class="ungerade">Qc.a</td></tr>
<tr><td class="ungerade">Qa.b</td><td class="gerade">Qb.b</td><td class="ungerade">Qc.b</td></tr>
<tr><td class="ungerade">Qa.c</td><td class="gerade">Qb.c</td><td class="ungerade">Qc.c</td></tr>
</table>

Weiteres zu th können Sie in Tabellen in HTML nachsehen. Einzelheiten vom hier verwendeten Tag <th>.