Ressourcen: 120 HTML Farbnamen - Kombination von Farbe plum und Farbwert #deb887

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 plum			Schriftfarbwert #deb887
Detail	:	Hintergrund plum	Detail	:	Schrift #deb887
Farbe	:	plum	Farbwert	:	#deb887
Farbwert	:	#dda0dd	Farbe	:	burlywood
HTML	:	plum	HTML	:	#deb887
HTML (Wert)	:	#dda0dd	HTML (Wert)	:	#deb887
CSS	:	plum	CSS	:	#deb887
CSS (Wert)	:	#dda0dd	CSS (Wert)	:	#deb887
CSS (kürzest)	:	#dda0dd	CSS (kürzest)	:	#deb887
CSS (RGB)	:	rgb(221,160,221)	CSS (RGB)	:	rgb(222,184,135)
CSS (%RGB)	:	rgb(86%,62%,86%)	CSS (%RGB)	:	rgb(87%,72%,52%)

Verlauf Hintergrundfarbe plum nach Schriftfarbwert #deb887
#dda0dd	#dda3d0	#dda6c4	#ddaab8	#ddadab	#ddb19f	#ddb493	#deb887
#dda0dd	#dda3d0	#dda6c4	#ddaab8	#ddadab	#ddb19f	#ddb493	#deb887

Kombination von plum und #deb887
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit der Farben #deb887 und plum beträgt 94.69%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.31%. Auf Hintergrund plum ist #deb887 ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe plum				Schriftfarbwert #deb887
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dda0dd	#dda0dd	#dda0dd	#dda0dd	#deb887	#deb887	#deb887	#deb887
#e1ade1	#e1ade1	#bd89bd	#bd89bd	#e2c298	#e2c298	#be9d73	#be9d73
#e6bbe6	#e6bbe6	#9d729d	#9d729d	#e7cca9	#e7cca9	#9e8360	#9e8360
#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e	#ecd6ba	#ecd6ba	#7e694d	#7e694d
#f0d6f0	#f0d6f0	#5e445e	#5e445e	#f0e0cb	#f0e0cb	#5f4e39	#5f4e39
#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f	#f5eadc	#f5eadc	#3f3426	#3f3426
#faf1fa	#faf1fa	#1f161f	#1f161f	#faf4ed	#faf4ed	#1f1a13	#1f1a13
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe plum und Farbwert #deb887

Hintergrund/Text-Kombination bei HTML-Tag label

Wir ändern in diesem Beispiel die Textfarbe von <label> auf Farbwert #deb887 und die Hintergrundfarbe von <label> auf Farbe plum. Die Schriftart setzen wir auf courier new. Als Schriftgröße entscheiden wir uns für 127%.

<style type="text/css"><!--
  label { 
    font-size: 127%; 
    background-color: plum; 
    font-family: courier new; 
    color: #deb887;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Formulare in HTML. Zur Beschreibung vom Tag <label>.

Wechsel der Umrandung bei Hover von Tag col

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

In diesem Beispiel umranden wir <col> mit einem 2 Pixel dicken, gestrichelten Rahmen in Farbe plum.

<style type="text/css"><!--
  col { 
    border-width:2px; 
    border-color:plum; 
    border-style:dashed;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #deb887 gesetzt wird.

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

Mehr zu col können Sie in Tabellen in HTML nachsehen. Weiteres zum Tag col ist in der HTML Referenz unter <col> zusammengestellt.