Ressourcen: 120 HTML Farbnamen - Kombination von Farbe navajowhite 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 navajowhite			Schriftfarbwert #d2b48c
Detail	:	Hintergrund navajowhite	Detail	:	Schrift #d2b48c
Farbe	:	navajowhite	Farbwert	:	#d2b48c
Farbwert	:	#ffdead	Farbe	:	tan
HTML	:	navajowhite	HTML	:	#d2b48c
HTML (Wert)	:	#ffdead	HTML (Wert)	:	#d2b48c
CSS	:	navajowhite	CSS	:	#d2b48c
CSS (Wert)	:	#ffdead	CSS (Wert)	:	#d2b48c
CSS (kürzest)	:	#ffdead	CSS (kürzest)	:	#d2b48c
CSS (RGB)	:	rgb(255,222,173)	CSS (RGB)	:	rgb(210,180,140)
CSS (%RGB)	:	rgb(100%,87%,67%)	CSS (%RGB)	:	rgb(82%,70%,54%)

Verlauf Hintergrundfarbe navajowhite nach Schriftfarbwert #d2b48c
#ffdead	#f8d8a8	#f2d2a3	#ebcc9e	#e5c69a	#dec095	#d8ba90	#d2b48c
#ffdead	#f8d8a8	#f2d2a3	#ebcc9e	#e5c69a	#dec095	#d8ba90	#d2b48c

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

Hintergrundfarbe navajowhite				Schriftfarbwert #d2b48c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdead	#ffdead	#ffdead	#ffdead	#d2b48c	#d2b48c	#d2b48c	#d2b48c
#ffe2b8	#ffe2b8	#dabe94	#dabe94	#d8be9c	#d8be9c	#b49a78	#b49a78
#ffe7c4	#ffe7c4	#b69e7b	#b69e7b	#dec9ac	#dec9ac	#968064	#968064
#ffecd0	#ffecd0	#917e62	#917e62	#e5d4bd	#e5d4bd	#786650	#786650
#fff0db	#fff0db	#6d5f4a	#6d5f4a	#ebdecd	#ebdecd	#5a4d3c	#5a4d3c
#fff5e7	#fff5e7	#483f31	#483f31	#f2e9de	#f2e9de	#3c3328	#3c3328
#fffaf3	#fffaf3	#241f18	#241f18	#f8f4ee	#f8f4ee	#1e1914	#1e1914
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe navajowhite und Farbwert #d2b48c

Füllen und Umranden mit Befehl button

Für dieses Beispiel umranden wir <button> mit einem 4 Pixel dicken, gestrichelten Rahmen in Farbwert #d2b48c . Die Hintergrundfarbe für <button> setzen wir entsprechend auf Farbe navajowhite. Mit HTML ist dies nicht machbar. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  button { 
    background-color:navajowhite; 
    border-color:#d2b48c; 
    border-width:4px; 
    border-style:dashed;
  }
//-->
</style>

Weiteres zum Thema button erfahren Sie in Formulare in HTML. Weiteres zum HTML-Tag <button>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag pre

Die Hintergrundfarbe soll sich von Farbe navajowhite auf Farbwert #d2b48c ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <pre> in Farbe navajowhite vor.

Wir legen zum Beispiel die Hintergrundfarbe von <pre> auf Farbe navajowhite fest:

<style type="text/css"><!--
  pre { 
    background-color:navajowhite;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #d2b48c gesetzt wird.

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

Mehr zum Thema pre können Sie in Blockorientierte Elemente in HTML nachsehen. Mehr zum hier verwendeten Befehl <pre>.