Ressourcen: 137 HTML Farbnamen - Kombination von Farbe plum und Farbwert #808000

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			Schriftfarbwert #808000
Detail	:	Hintergrund plum	Detail	:	Schrift #808000
Farbe	:	plum	Farbwert	:	#808000
Farbwert	:	#dda0dd	Farbe	:	olive
HTML	:	plum	HTML	:	#808000
HTML (Wert)	:	#dda0dd	HTML (Wert)	:	#808000
CSS	:	plum	CSS	:	#808000
CSS (Wert)	:	#dda0dd	CSS (Wert)	:	#808000
CSS (kürzest)	:	#dda0dd	CSS (kürzest)	:	#808000
CSS (RGB)	:	rgb(221,160,221)	CSS (RGB)	:	rgb(128,128,0)
CSS (%RGB)	:	rgb(86%,62%,86%)	CSS (%RGB)	:	rgb(50%,50%,0%)

Verlauf Hintergrundfarbe plum nach Schriftfarbwert #808000
#dda0dd	#cf9bbd	#c2969d	#b5927e	#a78d5e	#9a893f	#8d841f	#808000
#dda0dd	#cf9bbd	#c2969d	#b5927e	#a78d5e	#9a893f	#8d841f	#808000

Kombination von plum und #808000
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 #808000 und plum beträgt 90.35%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 9.65%. Auf Hintergrund plum ist #808000 ungeeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe plum				Schriftfarbwert #808000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dda0dd	#dda0dd	#dda0dd	#dda0dd	#808000	#808000	#808000	#808000
#e1ade1	#e1ade1	#bd89bd	#bd89bd	#929224	#929224	#6d6d00	#6d6d00
#e6bbe6	#e6bbe6	#9d729d	#9d729d	#a4a448	#a4a448	#5b5b00	#5b5b00
#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e	#b6b66d	#b6b66d	#494900	#494900
#f0d6f0	#f0d6f0	#5e445e	#5e445e	#c8c891	#c8c891	#363600	#363600
#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f	#dadab6	#dadab6	#242400	#242400
#faf1fa	#faf1fa	#1f161f	#1f161f	#ececda	#ececda	#121200	#121200
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe plum und Farbwert #808000

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag abbr

Die Hintergrundfarbe soll sich von Farbe plum auf Farbwert #808000 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <abbr> in Farbe plum vor.

Für dieses Beispiel ändern wir die Hintergrundfarbe von <abbr> auf Farbe plum. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf arial:

<style type="text/css"><!--
  abbr { 
    font-family:arial; 
    background-color:plum;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #808000 gesetzt wird.

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

Einzelheiten vom Tag <abbr>.

Text- und Unterstreichungsfarben mit Tag address

Wir ändern für dieses Beispiel die Textfarbe von <address> auf Farbwert #808000. Die Schriftart ändern wir auf monospace und setzen die Schriftgröße auf 11pt. Wir unterstreichen den Inhalt von <address> mit Hilfe eines gefurchten Rahmens mit 5 Punkte Dicke in Farbe plum. Dies geht in HTML kaum. Wir nutzen daher CSS.

<style type="text/css"><!--
  address { 
    color: #808000; 
    font-family: monospace; 
    font-size: 11pt; 
    border-bottom: 5pt groove plum;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu address können Sie in Blockorientierte Elemente in HTML erfahren. Möglichkeiten des hier verwendeten HTML-Befehl <address>.