Ressourcen: 137 HTML Farbnamen - Kombination von Farbe plum und Farbe gainsboro

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.

Hintergrundfarbe plum			Schriftfarbe gainsboro
Detail	:	Hintergrund plum	Detail	:	Schrift gainsboro
Farbe	:	plum	Farbe	:	gainsboro
Farbwert	:	#dda0dd	Farbwert	:	#dcdcdc
HTML	:	plum	HTML	:	gainsboro
HTML (Wert)	:	#dda0dd	HTML (Wert)	:	#dcdcdc
CSS	:	plum	CSS	:	gainsboro
CSS (Wert)	:	#dda0dd	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#dda0dd	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(221,160,221)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(86%,62%,86%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbe plum nach Schriftfarbe gainsboro
#dda0dd	#dca8dc	#dcb1dc	#dcb9dc	#dcc2dc	#dccadc	#dcd3dc	#dcdcdc
#dda0dd	#dca8dc	#dcb1dc	#dcb9dc	#dcc2dc	#dccadc	#dcd3dc	#dcdcdc

Kombination von plum und gainsboro
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund plum ist gainsboro ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben gainsboro und plum beträgt 92.81%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 7.19%.

Hintergrundfarbe plum				Schriftfarbe gainsboro
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dda0dd	#dda0dd	#dda0dd	#dda0dd	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#e1ade1	#e1ade1	#bd89bd	#bd89bd	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#e6bbe6	#e6bbe6	#9d729d	#9d729d	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#f0d6f0	#f0d6f0	#5e445e	#5e445e	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#faf1fa	#faf1fa	#1f161f	#1f161f	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe plum und Farbe gainsboro

Hintergrund/Text-Kombination mit Tag a

Mit HTML-Befehl <a> erzeugen Sie einen Verweis. Diesen können Sie farblich gestalten und hervorheben.

Wir ändern hier die Textfarbe von <a> auf Farbe gainsboro und die Hintergrundfarbe von <a> auf Farbe plum. Als Schriftart setzen wir monospace und als Schriftgröße entscheiden wir uns für 124%.

<style type="text/css"><!--
  a { 
    font-family: monospace; 
    font-size: 124%; 
    color: gainsboro; 
    background-color: plum;
  }
//-->
</style>

Weiteres zum Thema a finden Sie in Verweise und Protokolle in HTML. Der Befehl a ist in der HTML Referenz bei <a> gezeigt.

Wechsel der Umrandung bei Hover bei HTML-Tag div

Mit Tag <div> wird ein Kontainer gesetzt. Er kann hervorgehoben und farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbe plum auf Farbe gainsboro ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <div> in Farbe plum vor.

In diesem Beispiel umranden wir <div> mit einem 4 Pixel dicken, doppelten Rahmen in Farbe plum.

<style type="text/css"><!--
  div { border:4px double plum; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf gainsboro gesetzt wird.

<style type="text/css"><!--
  div: hover { 
    border-color: gainsboro;
  }
//-->
</style>

Zur Beschreibung vom hier gezeigten Befehl <div>.