Ressourcen: 120 HTML Farbnamen - Kombination von Farbe navajowhite und Farbwert #d3d3d3

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 #d3d3d3
Detail	:	Hintergrund navajowhite	Detail	:	Schrift #d3d3d3
Farbe	:	navajowhite	Farbwert	:	#d3d3d3
Farbwert	:	#ffdead	Farbe	:	lightgrey
HTML	:	navajowhite	HTML	:	#d3d3d3
HTML (Wert)	:	#ffdead	HTML (Wert)	:	#d3d3d3
CSS	:	navajowhite	CSS	:	#d3d3d3
CSS (Wert)	:	#ffdead	CSS (Wert)	:	#d3d3d3
CSS (kürzest)	:	#ffdead	CSS (kürzest)	:	#d3d3d3
CSS (RGB)	:	rgb(255,222,173)	CSS (RGB)	:	rgb(211,211,211)
CSS (%RGB)	:	rgb(100%,87%,67%)	CSS (%RGB)	:	rgb(82%,82%,82%)

Verlauf Hintergrundfarbe navajowhite nach Schriftfarbwert #d3d3d3
#ffdead	#f8dcb2	#f2dab7	#ecd9bd	#e5d7c2	#dfd6c8	#d9d4cd	#d3d3d3
#ffdead	#f8dcb2	#f2dab7	#ecd9bd	#e5d7c2	#dfd6c8	#d9d4cd	#d3d3d3

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

Hintergrundfarbe navajowhite				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdead	#ffdead	#ffdead	#ffdead	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#ffe2b8	#ffe2b8	#dabe94	#dabe94	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#ffe7c4	#ffe7c4	#b69e7b	#b69e7b	#dfdfdf	#dfdfdf	#969696	#969696
#ffecd0	#ffecd0	#917e62	#917e62	#e5e5e5	#e5e5e5	#787878	#787878
#fff0db	#fff0db	#6d5f4a	#6d5f4a	#ececec	#ececec	#5a5a5a	#5a5a5a
#fff5e7	#fff5e7	#483f31	#483f31	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#fffaf3	#fffaf3	#241f18	#241f18	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe navajowhite und Farbwert #d3d3d3

Wechsel der Umrandung bei Hover mit Tag frame

Die Rahmenfarbe soll sich von Farbe navajowhite auf Farbwert #d3d3d3 ändern, wenn man mit der Maus auf <frame> zeigt. Bereiten wir zunächst die Darstellung von <frame> in Farbe navajowhite vor.

In diesem Beispiel umranden wir <frame> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbe navajowhite.

<style type="text/css"><!--
  frame { border:1px dashed navajowhite; }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #d3d3d3 ändert.

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

Einzelheiten des hier gezeigten Befehl <frame>.

Hintergrund/Text-Kombination von HTML-Tag kbd

Wir ändern in diesem Beispiel die Textfarbe von <kbd> auf Farbwert #d3d3d3 und die Hintergrundfarbe von <kbd> auf Farbe navajowhite. Die Schriftart ändern wir auf arial. Als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  kbd { 
    color:#d3d3d3; 
    font-size:13px; 
    background-color:navajowhite; 
    font-family:arial;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML nachsehen. Einzelheiten vom HTML-Tag kbd sind in der HTML Referenz unter <kbd> genau zusammengestellt.