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

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			Schriftfarbwert #a0522d
Detail	:	Hintergrund #d2b48c	Detail	:	Schrift #a0522d
Farbwert	:	#d2b48c	Farbwert	:	#a0522d
Farbe	:	tan	Farbe	:	sienna
HTML	:	#d2b48c	HTML	:	#a0522d
HTML (Wert)	:	#d2b48c	HTML (Wert)	:	#a0522d
CSS	:	#d2b48c	CSS	:	#a0522d
CSS (Wert)	:	#d2b48c	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#d2b48c	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(210,180,140)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(82%,70%,54%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbwert #d2b48c nach Schriftfarbwert #a0522d
#d2b48c	#caa67e	#c39870	#bc8a63	#b57c55	#ae6e48	#a7603a	#a0522d
#d2b48c	#caa67e	#c39870	#bc8a63	#b57c55	#ae6e48	#a7603a	#a0522d

Kombination von #d2b48c und #a0522d
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#a0522d ist nicht als Schriftfarbe auf Hintergrund #d2b48c geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben #a0522d und #d2b48c beträgt 86.44%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 13.56%.

Hintergrundfarbwert #d2b48c				Schriftfarbwert #a0522d
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d2b48c	#d2b48c	#d2b48c	#d2b48c	#a0522d	#a0522d	#a0522d	#a0522d
#d8be9c	#d8be9c	#b49a78	#b49a78	#ad6a4b	#ad6a4b	#894626	#894626
#dec9ac	#dec9ac	#968064	#968064	#bb8369	#bb8369	#723a20	#723a20
#e5d4bd	#e5d4bd	#786650	#786650	#c89c87	#c89c87	#5b2e19	#5b2e19
#ebdecd	#ebdecd	#5a4d3c	#5a4d3c	#d6b4a5	#d6b4a5	#442313	#442313
#f2e9de	#f2e9de	#3c3328	#3c3328	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#f8f4ee	#f8f4ee	#1e1914	#1e1914	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d2b48c und Farbwert #a0522d

Hintergrund/Text-Kombination von HTML-Befehl a

Einen Hyperlink erzeugt man mit Befehl <a>. Diesen kann man farblich gestalten und hervorheben.

Hier ändern wir die Textfarbe von <a> auf Farbwert #a0522d und die Hintergrundfarbe von <a> auf Farbwert #d2b48c. Als Schriftart setzen wir verdana und verringern die Schriftgröße auf 86%.

<style type="text/css"><!--
  a { 
    font-size:86%; 
    color:#a0522d; 
    background-color:#d2b48c; 
    font-family:verdana;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML erfahren. Möglichkeiten vom Befehl a sind in der HTML Referenz unter <a> ausführlich gezeigt.

Wechsel der Umrandung bei Hover bei HTML-Befehl ins

Die Rahmenfarbe soll sich von Farbwert #d2b48c auf Farbwert #a0522d ändern, wenn man mit der Maus auf <ins> zeigt. Wir bereiten zunächst eine Formatierung von <ins> in Farbwert #d2b48c vor.

In diesem Beispiel umranden wir <ins> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbwert #d2b48c.

<style type="text/css"><!--
  ins { 
    border-color:#d2b48c; 
    border-style:dotted; 
    border-width:4px;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #a0522d geändert wird.

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

Einzelheiten des HTML-Tag <ins>.