Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #d2b48c 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 #d2b48c			Schriftfarbe peru
Detail	:	Hintergrund #d2b48c	Detail	:	Schrift peru
Farbwert	:	#d2b48c	Farbe	:	peru
Farbe	:	tan	Farbwert	:	#cd853f
HTML	:	#d2b48c	HTML	:	peru
HTML (Wert)	:	#d2b48c	HTML (Wert)	:	#cd853f
CSS	:	#d2b48c	CSS	:	peru
CSS (Wert)	:	#d2b48c	CSS (Wert)	:	#cd853f
CSS (kürzest)	:	#d2b48c	CSS (kürzest)	:	#cd853f
CSS (RGB)	:	rgb(210,180,140)	CSS (RGB)	:	rgb(205,133,63)
CSS (%RGB)	:	rgb(82%,70%,54%)	CSS (%RGB)	:	rgb(80%,52%,24%)

Verlauf Hintergrundfarbwert #d2b48c nach Schriftfarbe peru
#d2b48c	#d1ad81	#d0a676	#cf9f6b	#cf9960	#ce9255	#cd8b4a	#cd853f
#d2b48c	#d1ad81	#d0a676	#cf9f6b	#cf9960	#ce9255	#cd8b4a	#cd853f

Kombination von #d2b48c und peru
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit der Farben peru und #d2b48c ergibt sich zu 92.78%. Die Lesbarkeit dieser Kombination bewerte ich mit 7.22%. Auf Hintergrund #d2b48c ist peru ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbwert #d2b48c				Schriftfarbe peru
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d2b48c	#d2b48c	#d2b48c	#d2b48c	#cd853f	#cd853f	#cd853f	#cd853f
#d8be9c	#d8be9c	#b49a78	#b49a78	#d4965a	#d4965a	#af7236	#af7236
#dec9ac	#dec9ac	#968064	#968064	#dba775	#dba775	#925f2d	#925f2d
#e5d4bd	#e5d4bd	#786650	#786650	#e2b991	#e2b991	#754c24	#754c24
#ebdecd	#ebdecd	#5a4d3c	#5a4d3c	#e9caac	#e9caac	#57391b	#57391b
#f2e9de	#f2e9de	#3c3328	#3c3328	#f0dcc8	#f0dcc8	#3a2612	#3a2612
#f8f4ee	#f8f4ee	#1e1914	#1e1914	#f7ede3	#f7ede3	#1d1309	#1d1309
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d2b48c und Farbe peru

Wechsel der Hintergrundfarbe bei Hover von Tag textarea

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

Wir legen hier Farbwert #d2b48c als Hintergrundfarbe von <textarea> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf arial.

<style type="text/css"><!--
  textarea { 
    font-family: arial; 
    background-color: #d2b48c;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf peru gesetzt wird.

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

Weiteres zu textarea können Sie in Formulare in HTML erfahren. Die Beschreibung des hier genutzten HTML-Befehl textarea lesen Sie in der HTML Referenz unter <textarea>.

Hintergrund/Text-Kombination bei HTML-Tag del

Hier ändern wir die Textfarbe von <del> auf Farbe peru und die Hintergrundfarbe von <del> auf Farbwert #d2b48c. Die Schriftart ändern wir auf sans-serif und verkleinern die Schriftgröße auf 97%.

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

Die Beschreibung vom Befehl del finden Sie in der HTML Referenz unter <del>.