Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fff5ee und Farbwert #f5f5f5

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 #fff5ee			Schriftfarbwert #f5f5f5
Detail	:	Hintergrund #fff5ee	Detail	:	Schrift #f5f5f5
Farbwert	:	#fff5ee	Farbwert	:	#f5f5f5
Farbe	:	seashell	Farbe	:	whitesmoke
HTML	:	#fff5ee	HTML	:	#f5f5f5
HTML (Wert)	:	#fff5ee	HTML (Wert)	:	#f5f5f5
CSS	:	#fff5ee	CSS	:	#f5f5f5
CSS (Wert)	:	#fff5ee	CSS (Wert)	:	#f5f5f5
CSS (kürzest)	:	#fff5ee	CSS (kürzest)	:	#f5f5f5
CSS (RGB)	:	rgb(255,245,238)	CSS (RGB)	:	rgb(245,245,245)
CSS (%RGB)	:	rgb(100%,96%,93%)	CSS (%RGB)	:	rgb(96%,96%,96%)

Verlauf Hintergrundfarbwert #fff5ee nach Schriftfarbwert #f5f5f5
#fff5ee	#fdf5ef	#fcf5f0	#faf5f1	#f9f5f2	#f7f5f3	#f6f5f4	#f5f5f5
#fff5ee	#fdf5ef	#fcf5f0	#faf5f1	#f9f5f2	#f7f5f3	#f6f5f4	#f5f5f5

Kombination von #fff5ee und #f5f5f5
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund #fff5ee ist #f5f5f5 ungeeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit von #f5f5f5 und #fff5ee beträgt 95.17%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 4.83%.

Hintergrundfarbwert #fff5ee				Schriftfarbwert #f5f5f5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff5ee	#fff5ee	#fff5ee	#fff5ee	#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5
#fff6f0	#fff6f0	#dad2cc	#dad2cc	#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2
#fff7f2	#fff7f2	#b6afaa	#b6afaa	#f7f7f7	#f7f7f7	#afafaf	#afafaf
#fff9f5	#fff9f5	#918c88	#918c88	#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c
#fffaf7	#fffaf7	#6d6966	#6d6966	#fafafa	#fafafa	#696969	#696969
#fffcfa	#fffcfa	#484644	#484644	#fcfcfc	#fcfcfc	#464646	#464646
#fffdfc	#fffdfc	#242322	#242322	#fdfdfd	#fdfdfd	#232323	#232323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff5ee und Farbwert #f5f5f5

Wechsel der Umrandung bei Hover mit HTML-Tag colgroup

Die Rahmenfarbe soll sich von Farbwert #fff5ee auf Farbwert #f5f5f5 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <colgroup> in Farbwert #fff5ee vor.

In diesem Beispiel umranden wir <colgroup> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbwert #fff5ee.

<style type="text/css"><!--
  colgroup { border:1px groove #fff5ee; }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #f5f5f5 ändert.

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

Mehr zum Thema colgroup können Sie in Tabellen in HTML lesen. Möglichkeiten des hier gezeigten Tag colgroup sind in der HTML Referenz bei <colgroup> zusammengestellt.

Text- und Unterstreichungsfarben mit HTML-Befehl samp

Hier ändern wir die Textfarbe von <samp> auf Farbwert #f5f5f5. Die Schriftart setzen wir auf courier new. Die Schriftgröße setzen wir auf 9px. Wir unterstreichen den Inhalt von <samp> mit Hilfe eines herausstehenden Rahmens mit 4 Punkte Dicke in Farbwert #fff5ee. Dies ist in HTML so kaum möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  samp { 
    font-family:courier new; 
    color:#f5f5f5; 
    border-bottom-color:#fff5ee; 
    font-size:9px; 
    border-bottom-style:outset; 
    border-bottom-width:4pt;
  }
//-->
</style>

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

Weiteres zu samp erfahren Sie in Text in HTML. Möglichkeiten des hier gezeigten Befehl <samp>.