Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightslategray und Farbwert #fffafa

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 lightslategray			Schriftfarbwert #fffafa
Detail	:	Hintergrund lightslategray	Detail	:	Schrift #fffafa
Farbe	:	lightslategray	Farbwert	:	#fffafa
Farbwert	:	#778899	Farbe	:	snow
HTML	:	lightslategray	HTML	:	#fffafa
HTML (Wert)	:	#778899	HTML (Wert)	:	#fffafa
CSS	:	lightslategray	CSS	:	#fffafa
CSS (Wert)	:	#778899	CSS (Wert)	:	#fffafa
CSS (kürzest)	:	#789	CSS (kürzest)	:	#fffafa
CSS (RGB)	:	rgb(119,136,153)	CSS (RGB)	:	rgb(255,250,250)
CSS (%RGB)	:	rgb(46%,53%,60%)	CSS (%RGB)	:	rgb(100%,98%,98%)

Verlauf Hintergrundfarbe lightslategray nach Schriftfarbwert #fffafa
#778899	#8a98a6	#9da8b4	#b1b8c2	#c4c9d0	#d8d9de	#ebe9ec	#fffafa
#778899	#8a98a6	#9da8b4	#b1b8c2	#c4c9d0	#d8d9de	#ebe9ec	#fffafa

Kombination von lightslategray und #fffafa
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #fffafa und lightslategray ergibt sich zu 83.23%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 16.77%. Auf Hintergrund lightslategray ist #fffafa ungeeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe lightslategray				Schriftfarbwert #fffafa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#778899	#778899	#778899	#778899	#fffafa	#fffafa	#fffafa	#fffafa
#8a99a7	#8a99a7	#667483	#667483	#fffafa	#fffafa	#dad6d6	#dad6d6
#9daab6	#9daab6	#55616d	#55616d	#fffbfb	#fffbfb	#b6b2b2	#b6b2b2
#b1bbc4	#b1bbc4	#444d57	#444d57	#fffcfc	#fffcfc	#918e8e	#918e8e
#c4ccd3	#c4ccd3	#333a41	#333a41	#fffcfc	#fffcfc	#6d6b6b	#6d6b6b
#d8dde1	#d8dde1	#22262b	#22262b	#fffdfd	#fffdfd	#484747	#484747
#ebeef0	#ebeef0	#111315	#111315	#fffefe	#fffefe	#242323	#242323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightslategray und Farbwert #fffafa

Wechsel der Hintergrundfarbe bei Hover von Befehl p

Die Hintergrundfarbe soll sich von Farbe lightslategray auf Farbwert #fffafa ändern, wenn man mit der Maus auf <p> zeigt. Wir bereiten zunächst die Darstellung von <p> in Farbe lightslategray vor.

Zum Beispiel legen wir Farbe lightslategray als Hintergrundfarbe von <p> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf monospace. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  p { 
    font-size:13px; 
    background-color:lightslategray; 
    font-family:monospace;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #fffafa geändert wird.

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

Weiteres zu p erfahren Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier genutzten HTML-Tag p ist in der HTML Referenz bei <p> genau zusammengestellt.

Wechsel der Umrandung bei Hover von HTML-Befehl option

Die Rahmenfarbe soll sich von Farbe lightslategray auf Farbwert #fffafa ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <option> in Farbe lightslategray vor.

In diesem Beispiel umranden wir <option> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbe lightslategray.

<style type="text/css"><!--
  option { border:4px ridge lightslategray; }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf #fffafa gesetzt wird.

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

Mehr zu option erfahren Sie in Formulare in HTML. Möglichkeiten vom Tag option lesen Sie in der HTML Referenz unter <option>.