Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fffff0 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 #fffff0			Schriftfarbwert #ffffff
Detail	:	Hintergrund #fffff0	Detail	:	Schrift #ffffff
Farbwert	:	#fffff0	Farbwert	:	#ffffff
Farbe	:	ivory	Farbe	:	white
HTML	:	#fffff0	HTML	:	#ffffff
HTML (Wert)	:	#fffff0	HTML (Wert)	:	#ffffff
CSS	:	#fffff0	CSS	:	#ffffff
CSS (Wert)	:	#fffff0	CSS (Wert)	:	#ffffff
CSS (kürzest)	:	#fffff0	CSS (kürzest)	:	#fff
CSS (RGB)	:	rgb(255,255,240)	CSS (RGB)	:	rgb(255,255,255)
CSS (%RGB)	:	rgb(100%,100%,94%)	CSS (%RGB)	:	rgb(100%,100%,100%)

Verlauf Hintergrundfarbwert #fffff0 nach Schriftfarbwert #ffffff
#fffff0	#fffff2	#fffff4	#fffff6	#fffff8	#fffffa	#fffffc	#ffffff
#fffff0	#fffff2	#fffff4	#fffff6	#fffff8	#fffffa	#fffffc	#ffffff

Kombination von #fffff0 und #ffffff
Cras id velit ante. 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.				Auf Hintergrund #fffff0 ist #ffffff ungeeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit der Farben #ffffff und #fffff0 ergibt sich zu 95.20%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 4.80%.

Hintergrundfarbwert #fffff0				Schriftfarbwert #ffffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffff0	#fffff0	#fffff0	#fffff0	#ffffff	#ffffff	#ffffff	#ffffff
#fffff2	#fffff2	#dadacd	#dadacd	#ffffff	#ffffff	#dadada	#dadada
#fffff4	#fffff4	#b6b6ab	#b6b6ab	#ffffff	#ffffff	#b6b6b6	#b6b6b6
#fffff6	#fffff6	#919189	#919189	#ffffff	#ffffff	#919191	#919191
#fffff8	#fffff8	#6d6d66	#6d6d66	#ffffff	#ffffff	#6d6d6d	#6d6d6d
#fffffa	#fffffa	#484844	#484844	#ffffff	#ffffff	#484848	#484848
#fffffc	#fffffc	#242422	#242422	#ffffff	#ffffff	#242424	#242424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffff0 und Farbwert #ffffff

Wechsel der Hintergrundfarbe bei Hover bei Tag dfn

Die Hintergrundfarbe soll sich von Farbwert #fffff0 auf Farbwert #ffffff ändern, wenn man mit der Maus auf <dfn> zeigt. Wir bereiten zunächst eine Darstellung von <dfn> in Farbwert #fffff0 vor.

Wir legen für dieses Beispiel Farbwert #fffff0 als Hintergrundfarbe von <dfn> fest.

<style type="text/css"><!--
  dfn { 
    background-color: #fffff0;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #ffffff geändert wird.

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

Mehr zum Thema dfn können Sie in Text in HTML nachlesen. Mehr zum Befehl dfn finden Sie in der HTML Referenz unter <dfn>.

Füllen und Umranden von HTML-Befehl code

Für dieses Beispiel umranden wir <code> mit einem 3 Punkte dicken, einfallenden Rahmen in Farbwert #ffffff . Die Hintergrundfarbe für <code> setzen wir auf Farbwert #fffff0. Das geht in HTML kaum. Wir verwenden daher CSS.

<style type="text/css"><!--
  code { 
    border-style: inset; 
    border-color: #ffffff; 
    background-color: #fffff0; 
    border-width: 3pt;
  }
//-->
</style>

Weiteres zum Thema code können Sie in Text in HTML finden. Einzelheiten vom Tag code finden Sie in der HTML Referenz unter <code>.