Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fffaf0 und Farbwert #d3d3d3

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 #fffaf0			Schriftfarbwert #d3d3d3
Detail	:	Hintergrund #fffaf0	Detail	:	Schrift #d3d3d3
Farbwert	:	#fffaf0	Farbwert	:	#d3d3d3
Farbe	:	floralwhite	Farbe	:	lightgrey
HTML	:	#fffaf0	HTML	:	#d3d3d3
HTML (Wert)	:	#fffaf0	HTML (Wert)	:	#d3d3d3
CSS	:	#fffaf0	CSS	:	#d3d3d3
CSS (Wert)	:	#fffaf0	CSS (Wert)	:	#d3d3d3
CSS (kürzest)	:	#fffaf0	CSS (kürzest)	:	#d3d3d3
CSS (RGB)	:	rgb(255,250,240)	CSS (RGB)	:	rgb(211,211,211)
CSS (%RGB)	:	rgb(100%,98%,94%)	CSS (%RGB)	:	rgb(82%,82%,82%)

Verlauf Hintergrundfarbwert #fffaf0 nach Schriftfarbwert #d3d3d3
#fffaf0	#f8f4eb	#f2eee7	#ece9e3	#e5e3df	#dfdedb	#d9d8d7	#d3d3d3
#fffaf0	#f8f4eb	#f2eee7	#ece9e3	#e5e3df	#dfdedb	#d9d8d7	#d3d3d3

Kombination von #fffaf0 und #d3d3d3
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.				Auf Hintergrund #fffaf0 ist #d3d3d3 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben #d3d3d3 und #fffaf0 ergibt sich zu 93.15%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.85%.

Hintergrundfarbwert #fffaf0				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffaf0	#fffaf0	#fffaf0	#fffaf0	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#fffaf2	#fffaf2	#dad6cd	#dad6cd	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#fffbf4	#fffbf4	#b6b2ab	#b6b2ab	#dfdfdf	#dfdfdf	#969696	#969696
#fffcf6	#fffcf6	#918e89	#918e89	#e5e5e5	#e5e5e5	#787878	#787878
#fffcf8	#fffcf8	#6d6b66	#6d6b66	#ececec	#ececec	#5a5a5a	#5a5a5a
#fffdfa	#fffdfa	#484744	#484744	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#fffefc	#fffefc	#242322	#242322	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffaf0 und Farbwert #d3d3d3

Wechsel der Hintergrundfarbe bei Hover bei Befehl h5

Eine Überschrift der 5. Stufe erzeugt man mit HTML-Befehl <h5>. Diese kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbwert #fffaf0 auf Farbwert #d3d3d3 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <h5> in Farbwert #fffaf0 vor.

Für dieses Beispiel legen wir Farbwert #fffaf0 als Hintergrundfarbe von <h5> fest. Die Schriftgröße verringern wir auf 90%:

<style type="text/css"><!--
  h5 { 
    font-size:90%; 
    background-color:#fffaf0;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe zu #d3d3d3 ändert.

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

Weiteres zum Thema h5 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Einzelheiten vom hier verwendeten Tag h5 sind in der HTML Referenz bei <h5> zusammengestellt.

Text- und Unterstreichungsfarben von Tag caption

Für dieses Beispiel ändern wir die Textfarbe von <caption> auf Farbwert #d3d3d3 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf courier new und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines gestrichelten Rahmens mit 1 Pixel Dicke in Farbwert #fffaf0. Das ist mit HTML so kaum möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  caption { 
    color:#d3d3d3; 
    border-bottom-style:dashed; 
    font-family:courier new; 
    border-bottom-width:1px; 
    font-size:13px; 
    border-bottom-color:#fffaf0;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zu caption lesen Sie in Tabellen in HTML. Beschreibung vom Tag <caption>.