Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #000000 und Farbwert #deb887

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #000000			Schriftfarbwert #deb887
Detail	:	Hintergrund #000000	Detail	:	Schrift #deb887
Farbwert	:	#000000	Farbwert	:	#deb887
Farbe	:	black	Farbe	:	burlywood
HTML	:	#000000	HTML	:	#deb887
HTML (Wert)	:	#000000	HTML (Wert)	:	#deb887
CSS	:	#000000	CSS	:	#deb887
CSS (Wert)	:	#000000	CSS (Wert)	:	#deb887
CSS (kürzest)	:	#000	CSS (kürzest)	:	#deb887
CSS (RGB)	:	rgb(0,0,0)	CSS (RGB)	:	rgb(222,184,135)
CSS (%RGB)	:	rgb(0%,0%,0%)	CSS (%RGB)	:	rgb(87%,72%,52%)

Verlauf Hintergrundfarbwert #000000 nach Schriftfarbwert #deb887
#000000	#1f1a13	#3f3426	#5f4e39	#7e694d	#9e8360	#be9d73	#deb887
#000000	#1f1a13	#3f3426	#5f4e39	#7e694d	#9e8360	#be9d73	#deb887

Kombination von #000000 und #deb887
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #deb887 und #000000 beträgt 46.13%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 53.87%. #deb887 eignet sich als Schriftfarbe auf Hintergrund #000000, weil sowohl der Unterschied in den Helligkeiten als auch der Farbenunterschied gut sind.

Hintergrundfarbwert #000000				Schriftfarbwert #deb887
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000000	#000000	#000000	#000000	#deb887	#deb887	#deb887	#deb887
#242424	#242424	#000000	#000000	#e2c298	#e2c298	#be9d73	#be9d73
#484848	#484848	#000000	#000000	#e7cca9	#e7cca9	#9e8360	#9e8360
#6d6d6d	#6d6d6d	#000000	#000000	#ecd6ba	#ecd6ba	#7e694d	#7e694d
#919191	#919191	#000000	#000000	#f0e0cb	#f0e0cb	#5f4e39	#5f4e39
#b6b6b6	#b6b6b6	#000000	#000000	#f5eadc	#f5eadc	#3f3426	#3f3426
#dadada	#dadada	#000000	#000000	#faf4ed	#faf4ed	#1f1a13	#1f1a13
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #000000 und Farbwert #deb887

Wechsel der Umrandung bei Hover von HTML-Tag s

Die Rahmenfarbe soll sich von Farbwert #000000 auf Farbwert #deb887 ändern, wenn man mit der Maus auf <s> zeigt. Bereiten wir zunächst eine Darstellung von <s> in Farbwert #000000 vor.

In diesem Beispiel umranden wir <s> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbwert #000000.

<style type="text/css"><!--
  s { border:2px ridge #000; }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf #deb887 gesetzt wird.

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

Weiteres zum Thema finden Sie in Text in HTML. Weiteres zum hier genutzten Tag s lesen Sie in der HTML Referenz unter <s>.

Zebra-Effekt mit HTML-Tag td

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <td> mit unterschiedlichen Hintergrundfarben Farbwert #000000 und Farbwert #deb887.

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

Diese werden abwechselnd verwendet.

<table>
<tr><td class="ying">E1:1</td><td class="yang">E2:1</td><td class="ying">E3:1</td></tr>
<tr><td class="ying">E1:2</td><td class="yang">E2:2</td><td class="ying">E3:2</td></tr>
<tr><td class="ying">E1:3</td><td class="yang">E2:3</td><td class="ying">E3:3</td></tr>
</table>

Mehr zum Thema finden Sie in Tabellen in HTML. Einzelheiten des HTML-Tag <td>.