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

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.

Hintergrundfarbwert #ffe4b5			Schriftfarbe peru
Detail	:	Hintergrund #ffe4b5	Detail	:	Schrift peru
Farbwert	:	#ffe4b5	Farbe	:	peru
Farbe	:	moccasin	Farbwert	:	#cd853f
HTML	:	#ffe4b5	HTML	:	peru
HTML (Wert)	:	#ffe4b5	HTML (Wert)	:	#cd853f
CSS	:	#ffe4b5	CSS	:	peru
CSS (Wert)	:	#ffe4b5	CSS (Wert)	:	#cd853f
CSS (kürzest)	:	#ffe4b5	CSS (kürzest)	:	#cd853f
CSS (RGB)	:	rgb(255,228,181)	CSS (RGB)	:	rgb(205,133,63)
CSS (%RGB)	:	rgb(100%,89%,70%)	CSS (%RGB)	:	rgb(80%,52%,24%)

Verlauf Hintergrundfarbwert #ffe4b5 nach Schriftfarbe peru
#ffe4b5	#f7d6a4	#f0c893	#e9bb82	#e2ad71	#dba060	#d4924f	#cd853f
#ffe4b5	#f7d6a4	#f0c893	#e9bb82	#e2ad71	#dba060	#d4924f	#cd853f

Kombination von #ffe4b5 und peru
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.				Auf Hintergrund #ffe4b5 ist peru ungeeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben peru und #ffe4b5 beträgt 88.46%. Die Lesbarkeit dieser Kombination ergibt sich zu 11.54%.

Hintergrundfarbwert #ffe4b5				Schriftfarbe peru
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5	#cd853f	#cd853f	#cd853f	#cd853f
#ffe7bf	#ffe7bf	#dac39b	#dac39b	#d4965a	#d4965a	#af7236	#af7236
#ffebca	#ffebca	#b6a281	#b6a281	#dba775	#dba775	#925f2d	#925f2d
#ffefd4	#ffefd4	#918267	#918267	#e2b991	#e2b991	#754c24	#754c24
#fff3df	#fff3df	#6d614d	#6d614d	#e9caac	#e9caac	#57391b	#57391b
#fff7e9	#fff7e9	#484133	#484133	#f0dcc8	#f0dcc8	#3a2612	#3a2612
#fffbf4	#fffbf4	#242019	#242019	#f7ede3	#f7ede3	#1d1309	#1d1309
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffe4b5 und Farbe peru

Hintergrund/Text-Kombination mit HTML-Tag kbd

Wir ändern in diesem Beispiel die Textfarbe von <kbd> auf Farbe peru und die Hintergrundfarbe von <kbd> auf Farbwert #ffe4b5. Die Schriftart ändern wir auf sans-serif und vergrößern die Schriftgröße auf 122%.

<style type="text/css"><!--
  kbd { 
    font-size: 122%; 
    font-family: sans-serif; 
    color: peru; 
    background-color: #ffe4b5;
  }
//-->
</style>

Mehr zum Thema finden Sie in Text in HTML. Möglichkeiten des hier genutzten Tag <kbd>.

Wechsel der Textfarbe bei Hover bei Tag h2

Mit HTML-Befehl <h2> setzen Sie eine Überschrift der 2. Stufe. Diese können Sie farblich gestalten und hervorheben.

Die Textfarbe soll sich von Farbwert #ffe4b5 auf Farbe peru ändern, wenn man mit der Maus auf <h2> zeigt. Wir bereiten zunächst eine Darstellung von <h2> in Farbwert #ffe4b5 vor.

Als Beispiel legen wir die Textfarbe von <h2> auf Farbwert #ffe4b5 fest:

<style type="text/css"><!--
  h2 { 
    color:#ffe4b5;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf peru geändert wird.

<style type="text/css"><!--
  h2: hover { 
    color: peru;
  }
//-->
</style>

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum Tag h2 ist in der HTML Referenz unter <h2> gezeigt.