Ressourcen: 120 HTML Farbnamen - Kombination von Farbe peru und Farbwert #ffdab9

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 peru			Schriftfarbwert #ffdab9
Detail	:	Hintergrund peru	Detail	:	Schrift #ffdab9
Farbe	:	peru	Farbwert	:	#ffdab9
Farbwert	:	#cd853f	Farbe	:	peachpuff
HTML	:	peru	HTML	:	#ffdab9
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#ffdab9
CSS	:	peru	CSS	:	#ffdab9
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#ffdab9
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#ffdab9
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(255,218,185)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(100%,85%,72%)

Verlauf Hintergrundfarbe peru nach Schriftfarbwert #ffdab9
#cd853f	#d49150	#db9d61	#e2a973	#e9b584	#f0c196	#f7cda7	#ffdab9
#cd853f	#d49150	#db9d61	#e2a973	#e9b584	#f0c196	#f7cda7	#ffdab9

Kombination von peru 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ffdab9 und peru beträgt 89.16%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 10.84%. #ffdab9 eignet sich nicht als Schriftfarbe auf Hintergrund peru, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe peru				Schriftfarbwert #ffdab9
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#ffdab9	#ffdab9	#ffdab9	#ffdab9
#d4965a	#d4965a	#af7236	#af7236	#ffdfc3	#ffdfc3	#daba9e	#daba9e
#dba775	#dba775	#925f2d	#925f2d	#ffe4cd	#ffe4cd	#b69b84	#b69b84
#e2b991	#e2b991	#754c24	#754c24	#ffe9d7	#ffe9d7	#917c69	#917c69
#e9caac	#e9caac	#57391b	#57391b	#ffefe1	#ffefe1	#6d5d4f	#6d5d4f
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#fff4eb	#fff4eb	#483e34	#483e34
#f7ede3	#f7ede3	#1d1309	#1d1309	#fff9f5	#fff9f5	#241f1a	#241f1a
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe peru und Farbwert #ffdab9

Zebra-Effekt bei HTML-Tag th

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <th> mit unterschiedlichen Hintergrundfarben Farbe peru und Farbwert #ffdab9.

<style type="text/css"><!--
  th.ger { 
    background-color: peru;
  }
  th.ung { 
    background-color:#ffdab9;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr><td class="ger">CA/A</td><td class="ung">CB/A</td><td class="ger">CC/A</td></tr>
<tr><td class="ger">CA/B</td><td class="ung">CB/B</td><td class="ger">CC/B</td></tr>
<tr><td class="ger">CA/C</td><td class="ung">CB/C</td><td class="ger">CC/C</td></tr>
</table>

Weiteres zum Thema th finden Sie in Tabellen in HTML. Möglichkeiten vom HTML-Tag <th>.

Wechsel der Umrandung bei Hover mit Befehl strong

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

In diesem Beispiel umranden wir <strong> mit einem 2 Pixel dicken, doppelten Rahmen in Farbe peru.

<style type="text/css"><!--
  strong { border:2px double peru; }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Rahmenfarbe auf #ffdab9 geändert wird.

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

Weiteres zu strong erfahren Sie in Text in HTML. Weiteres zum hier genutzten Befehl strong ist in der HTML Referenz unter <strong> beschrieben.