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

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

Verlauf Hintergrundfarbwert #fff5ee nach Schriftfarbwert #ffffff
#fff5ee	#fff6f0	#fff7f2	#fff9f5	#fffaf7	#fffcfa	#fffdfc	#ffffff
#fff5ee	#fff6f0	#fff7f2	#fff9f5	#fffaf7	#fffcfa	#fffdfc	#ffffff

Kombination von #fff5ee und #ffffff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben #ffffff und #fff5ee beträgt 94.88%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.12%. #ffffff eignet sich nicht als Schriftfarbe auf Hintergrund #fff5ee. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbwert #fff5ee				Schriftfarbwert #ffffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff5ee	#fff5ee	#fff5ee	#fff5ee	#ffffff	#ffffff	#ffffff	#ffffff
#fff6f0	#fff6f0	#dad2cc	#dad2cc	#ffffff	#ffffff	#dadada	#dadada
#fff7f2	#fff7f2	#b6afaa	#b6afaa	#ffffff	#ffffff	#b6b6b6	#b6b6b6
#fff9f5	#fff9f5	#918c88	#918c88	#ffffff	#ffffff	#919191	#919191
#fffaf7	#fffaf7	#6d6966	#6d6966	#ffffff	#ffffff	#6d6d6d	#6d6d6d
#fffcfa	#fffcfa	#484644	#484644	#ffffff	#ffffff	#484848	#484848
#fffdfc	#fffdfc	#242322	#242322	#ffffff	#ffffff	#242424	#242424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff5ee und Farbwert #ffffff

Wechsel der Textfarbe bei Hover mit HTML-Befehl blockquote

Die Textfarbe soll sich von Farbwert #fff5ee auf Farbwert #ffffff ändern, wenn man mit der Maus auf <blockquote> zeigt. Bereiten wir zunächst eine Darstellung von <blockquote> in Farbwert #fff5ee vor.

Wir legen in diesem Beispiel Farbwert #fff5ee als Textfarbe von <blockquote> fest und ändern die Größe der Schrift auf 9px.

<style type="text/css"><!--
  blockquote { 
    font-size: 9px; 
    color: #fff5ee;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #ffffff geändert wird.

<style type="text/css"><!--
  blockquote:hover { 
    color:#fff;
  }
//-->
</style>

Mehr zu blockquote können Sie in Blockorientierte Elemente in HTML nachlesen. Mehr zum hier genutzten Tag <blockquote>.

Hintergrund/Text-Kombination mit Tag samp

Wir ändern für dieses Beispiel die Textfarbe von <samp> auf Farbwert #ffffff und die Hintergrundfarbe von <samp> auf Farbwert #fff5ee. Als Schriftart wählen wir sans-serif. Die Schriftgröße verringern wir auf 90%.

<style type="text/css"><!--
  samp { 
    background-color:#fff5ee; 
    color:#fff; 
    font-family:sans-serif; 
    font-size:90%;
  }
//-->
</style>

Mehr zum Thema samp finden Sie in Text in HTML. Die Beschreibung vom hier gezeigten Tag samp erfahren Sie in der HTML Referenz unter <samp>.