Ressourcen: 137 HTML Farbnamen - Kombination von Farbe peru und Farbwert #ffe4e1

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 peru			Schriftfarbwert #ffe4e1
Detail	:	Hintergrund peru	Detail	:	Schrift #ffe4e1
Farbe	:	peru	Farbwert	:	#ffe4e1
Farbwert	:	#cd853f	Farbe	:	mistyrose
HTML	:	peru	HTML	:	#ffe4e1
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#ffe4e1
CSS	:	peru	CSS	:	#ffe4e1
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#ffe4e1
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#ffe4e1
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(255,228,225)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(100%,89%,88%)

Verlauf Hintergrundfarbe peru nach Schriftfarbwert #ffe4e1
#cd853f	#d49256	#dba06d	#e2ad84	#e9bb9b	#f0c8b2	#f7d6c9	#ffe4e1
#cd853f	#d49256	#dba06d	#e2ad84	#e9bb9b	#f0c8b2	#f7d6c9	#ffe4e1

Kombination von peru und #ffe4e1
Cras id velit ante. 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #ffe4e1 und peru beträgt 88.18%. Die Lesbarkeit dieser Farbkombination liegt damit bei 11.82%. Auf Hintergrund peru ist #ffe4e1 ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe peru				Schriftfarbwert #ffe4e1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#ffe4e1	#ffe4e1	#ffe4e1	#ffe4e1
#d4965a	#d4965a	#af7236	#af7236	#ffe7e5	#ffe7e5	#dac3c0	#dac3c0
#dba775	#dba775	#925f2d	#925f2d	#ffebe9	#ffebe9	#b6a2a0	#b6a2a0
#e2b991	#e2b991	#754c24	#754c24	#ffefed	#ffefed	#918280	#918280
#e9caac	#e9caac	#57391b	#57391b	#fff3f2	#fff3f2	#6d6160	#6d6160
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#fff7f6	#fff7f6	#484140	#484140
#f7ede3	#f7ede3	#1d1309	#1d1309	#fffbfa	#fffbfa	#242020	#242020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe peru und Farbwert #ffe4e1

Wechsel der Umrandung bei Hover bei Tag img

Die Rahmenfarbe soll sich von Farbe peru auf Farbwert #ffe4e1 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <img> in Farbe peru vor.

In diesem Beispiel umranden wir <img> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbe peru.

<style type="text/css"><!--
  img { border:5px inset peru; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #ffe4e1 ändert.

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

Weiteres zum Thema img finden Sie in Grafik in HTML. Weiteres zum HTML-Befehl img ist in der HTML Referenz unter <img> ausführlich zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover bei Tag samp

Die Hintergrundfarbe soll sich von Farbe peru auf Farbwert #ffe4e1 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <samp> in Farbe peru vor.

Zum Beispiel ändern wir bei <samp> die Hintergrundfarbe auf Farbe peru. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf verdana und vergrößern die Schriftgröße auf 122%.

<style type="text/css"><!--
  samp { 
    font-family:verdana; 
    background-color:peru; 
    font-size:122%;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #ffe4e1 ändert.

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

Mehr zu samp können Sie in Text in HTML nachsehen. Zur Beschreibung vom hier gezeigten HTML-Befehl <samp>.