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

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 #faebd7
Detail	:	Hintergrund #d2b48c	Detail	:	Schrift #faebd7
Farbwert	:	#d2b48c	Farbwert	:	#faebd7
Farbe	:	tan	Farbe	:	antiquewhite
HTML	:	#d2b48c	HTML	:	#faebd7
HTML (Wert)	:	#d2b48c	HTML (Wert)	:	#faebd7
CSS	:	#d2b48c	CSS	:	#faebd7
CSS (Wert)	:	#d2b48c	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#d2b48c	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(210,180,140)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(82%,70%,54%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbwert #d2b48c nach Schriftfarbwert #faebd7
#d2b48c	#d7bb96	#ddc3a1	#e3cbac	#e8d3b6	#eedbc1	#f4e3cc	#faebd7
#d2b48c	#d7bb96	#ddc3a1	#e3cbac	#e8d3b6	#eedbc1	#f4e3cc	#faebd7

Kombination von #d2b48c und #faebd7
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #d2b48c ist #faebd7 ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben #faebd7 und #d2b48c ergibt sich zu 91.98%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 8.02%.

Hintergrundfarbwert #d2b48c				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d2b48c	#d2b48c	#d2b48c	#d2b48c	#faebd7	#faebd7	#faebd7	#faebd7
#d8be9c	#d8be9c	#b49a78	#b49a78	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#dec9ac	#dec9ac	#968064	#968064	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#e5d4bd	#e5d4bd	#786650	#786650	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#ebdecd	#ebdecd	#5a4d3c	#5a4d3c	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#f2e9de	#f2e9de	#3c3328	#3c3328	#fdf9f3	#fdf9f3	#47433d	#47433d
#f8f4ee	#f8f4ee	#1e1914	#1e1914	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d2b48c und Farbwert #faebd7

Zebra-Effekt mit Tag td

Man spricht von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <td> mit den Hintergrundfarben Farbwert #d2b48c und Farbwert #faebd7.

<style type="text/css"><!--
  td.yang { 
    background-color:#d2b48c;
  }
  td.ying { 
    background-color: #faebd7;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr><td class="yang">CA~A</td><td class="ying">CB~A</td><td class="yang">CC~A</td></tr>
<tr><td class="yang">CA~B</td><td class="ying">CB~B</td><td class="yang">CC~B</td></tr>
<tr><td class="yang">CA~C</td><td class="ying">CB~C</td><td class="yang">CC~C</td></tr>
</table>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Die Beschreibung vom hier gezeigten Befehl td erfahren Sie in der HTML Referenz unter <td>.

Wechsel der Textfarbe bei Hover mit Tag form

Die Textfarbe soll sich von Farbwert #d2b48c auf Farbwert #faebd7 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <form> in Farbwert #d2b48c vor.

Wir ändern hier bei <form> die Textfarbe auf Farbwert #d2b48c.

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

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

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

Weiteres zum Thema können Sie in Formulare in HTML lesen. Möglichkeiten vom hier verwendeten HTML-Tag <form>.