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

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 #ffffff			Schriftfarbwert #f8f8ff
Detail	:	Hintergrund #ffffff	Detail	:	Schrift #f8f8ff
Farbwert	:	#ffffff	Farbwert	:	#f8f8ff
Farbe	:	white	Farbe	:	ghostwhite
HTML	:	#ffffff	HTML	:	#f8f8ff
HTML (Wert)	:	#ffffff	HTML (Wert)	:	#f8f8ff
CSS	:	#ffffff	CSS	:	#f8f8ff
CSS (Wert)	:	#ffffff	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#fff	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(255,255,255)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(100%,100%,100%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbwert #ffffff nach Schriftfarbwert #f8f8ff
#ffffff	#fefeff	#fdfdff	#fcfcff	#fbfbff	#fafaff	#f9f9ff	#f8f8ff
#ffffff	#fefeff	#fdfdff	#fcfcff	#fbfbff	#fafaff	#f9f9ff	#f8f8ff

Kombination von #ffffff und #f8f8ff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #ffffff ist #f8f8ff ungeeignet, weil die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit von #f8f8ff und #ffffff beträgt 94.97%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.03%.

Hintergrundfarbwert #ffffff				Schriftfarbwert #f8f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffff	#ffffff	#ffffff	#ffffff	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#ffffff	#ffffff	#dadada	#dadada	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#ffffff	#ffffff	#b6b6b6	#b6b6b6	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#ffffff	#ffffff	#919191	#919191	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#ffffff	#ffffff	#6d6d6d	#6d6d6d	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#ffffff	#ffffff	#484848	#484848	#fdfdff	#fdfdff	#464648	#464648
#ffffff	#ffffff	#242424	#242424	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffffff und Farbwert #f8f8ff

Füllen und Umranden bei HTML-Tag blockquote

Hier umranden wir <blockquote> mit einem . Die Hintergrundfarbe für <blockquote> färben wir mit Farbwert #ffffff. Das ist in HTML kaum möglich. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  blockquote { border:2pt dashed #f8f8ff; background-color:#ffffff; }
//-->
</style>

Weiteres zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Weiteres zum Befehl blockquote ist in der HTML Referenz bei <blockquote> zusammengestellt.

Wechsel der Umrandung bei Hover von Befehl button

Die Rahmenfarbe soll sich von Farbwert #ffffff auf Farbwert #f8f8ff ändern, wenn man mit der Maus auf <button> zeigt. Bereiten wir zunächst eine Formatierung von <button> in Farbwert #ffffff vor.

In diesem Beispiel umranden wir <button> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbwert #ffffff.

<style type="text/css"><!--
  button { 
    border-width:1px; 
    border-color:#fff; 
    border-style:ridge;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #f8f8ff ändert.

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

Mehr zu button können Sie in Formulare in HTML erfahren. Weiteres zum hier genutzten HTML-Tag <button>.