Ressourcen: 120 HTML Farbnamen - Kombination von Farbe whitesmoke und Farbwert #fff5ee

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbe whitesmoke			Schriftfarbwert #fff5ee
Detail	:	Hintergrund whitesmoke	Detail	:	Schrift #fff5ee
Farbe	:	whitesmoke	Farbwert	:	#fff5ee
Farbwert	:	#f5f5f5	Farbe	:	seashell
HTML	:	whitesmoke	HTML	:	#fff5ee
HTML (Wert)	:	#f5f5f5	HTML (Wert)	:	#fff5ee
CSS	:	whitesmoke	CSS	:	#fff5ee
CSS (Wert)	:	#f5f5f5	CSS (Wert)	:	#fff5ee
CSS (kürzest)	:	#f5f5f5	CSS (kürzest)	:	#fff5ee
CSS (RGB)	:	rgb(245,245,245)	CSS (RGB)	:	rgb(255,245,238)
CSS (%RGB)	:	rgb(96%,96%,96%)	CSS (%RGB)	:	rgb(100%,96%,93%)

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

Kombination von whitesmoke und #fff5ee
Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				#fff5ee eignet sich nicht als Schriftfarbe auf Hintergrund whitesmoke. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von #fff5ee und whitesmoke ergibt sich zu 95.17%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 4.83%.

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

Beispiele zur Kombination von Farbe whitesmoke und Farbwert #fff5ee

Füllen und Umranden von HTML-Tag a

Mit Tag <a> wird ein Link erzeugt. Dieser kann farblich gestaltet und hervorgehoben werden.

Bei diesem Beispiel umranden wir <a> mit einem . Die Hintergrundfarbe für <a> färben wir entsprechend mit Farbe whitesmoke. Mit HTML geht das kaum. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  a { 
    border-style:groove; 
    background-color:whitesmoke; 
    border-color:#fff5ee; 
    border-width:3px;
  }
//-->
</style>

Mehr zum Thema können Sie in Verweise und Protokolle in HTML erfahren. Mehr zum Befehl a ist in der HTML Referenz bei <a> ausführlich beschrieben.

Wechsel der Umrandung bei Hover von HTML-Befehl code

Die Rahmenfarbe soll sich von Farbe whitesmoke auf Farbwert #fff5ee ändern, wenn man mit der Maus auf <code> zeigt. Wir bereiten zunächst eine Darstellung von <code> in Farbe whitesmoke vor.

In diesem Beispiel umranden wir <code> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbe whitesmoke.

<style type="text/css"><!--
  code { 
    border-color:whitesmoke; 
    border-style:ridge; 
    border-width:2px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #fff5ee geändert wird.

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

Weiteres zu code finden Sie in Text in HTML. Mehr zum hier genutzten Tag <code>.