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

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

Verlauf Hintergrundfarbe peru nach Schriftfarbwert #d2b48c
#cd853f	#cd8b4a	#ce9255	#cf9960	#cf9f6b	#d0a676	#d1ad81	#d2b48c
#cd853f	#cd8b4a	#ce9255	#cf9960	#cf9f6b	#d0a676	#d1ad81	#d2b48c

Kombination von peru und #d2b48c
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#d2b48c eignet sich nicht als Schriftfarbe auf Hintergrund peru, da die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit der Farben #d2b48c und peru beträgt 92.78%. Die Lesbarkeit dieser Kombination bewerte ich mit 7.22%.

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

Beispiele zur Kombination von Farbe peru und Farbwert #d2b48c

Wechsel der Textfarbe bei Hover von Tag dfn

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

Wir ändern als Beispiel bei <dfn> die Textfarbe auf Farbe peru. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  dfn { 
    color:peru; 
    font-family:monospace;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #d2b48c gesetzt wird.

<style type="text/css"><!--
  dfn: hover { 
    color: #d2b48c;
  }
//-->
</style>

Mehr zu dfn können Sie in Text in HTML finden. Die Beschreibung des hier gezeigten HTML-Tag dfn finden Sie in der HTML Referenz unter <dfn>.

Text- und Unterstreichungsfarben mit HTML-Befehl a

Ein Verweis wird mit Befehl <a> erzeugt. Dieser kann hervorgehoben und farblich gestaltet werden.

Hier ändern wir die Textfarbe von <a> auf Farbwert #d2b48c. Die Schriftart ändern wir auf courier new. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines doppelten Rahmens mit 3 Pixel Dicke in Farbe peru. In HTML geht dies kaum. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    font-family: courier new; 
    border-bottom: 3px double peru; 
    color: #d2b48c; 
    font-size: 13px;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema finden Sie in Verweise und Protokolle in HTML. Beschreibung vom hier verwendeten HTML-Tag <a>.