Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #d8bfd8 und Farbwert #dda0dd

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.

Hintergrundfarbwert #d8bfd8			Schriftfarbwert #dda0dd
Detail	:	Hintergrund #d8bfd8	Detail	:	Schrift #dda0dd
Farbwert	:	#d8bfd8	Farbwert	:	#dda0dd
Farbe	:	thistle	Farbe	:	plum
HTML	:	#d8bfd8	HTML	:	#dda0dd
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#dda0dd
CSS	:	#d8bfd8	CSS	:	#dda0dd
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbwert #d8bfd8 nach Schriftfarbwert #dda0dd
#d8bfd8	#d8bad8	#d9b6d9	#dab1da	#daadda	#dba8db	#dca4dc	#dda0dd
#d8bfd8	#d8bad8	#d9b6d9	#dab1da	#daadda	#dba8db	#dca4dc	#dda0dd

Kombination von #d8bfd8 und #dda0dd
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 von #dda0dd und #d8bfd8 beträgt 94.20%. Die Lesbarkeit dieser Kombination ergibt sich zu 5.80%. Auf Hintergrund #d8bfd8 ist #dda0dd ungeeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #d8bfd8				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#eee3ee	#eee3ee	#5c515c	#5c515c	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d8bfd8 und Farbwert #dda0dd

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag var

Die Hintergrundfarbe soll sich von Farbwert #d8bfd8 auf Farbwert #dda0dd ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <var> in Farbwert #d8bfd8 vor.

In diesem Beispiel legen wir die Hintergrundfarbe von <var> auf Farbwert #d8bfd8 fest. Die Textfarbe ändern wir nicht. Die Schriftart ändern wir auf courier new und verkleinern die Schriftgröße auf 87%.

<style type="text/css"><!--
  var { 
    background-color:#d8bfd8; 
    font-size:87%; 
    font-family:courier new;
  }
//-->
</style>

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

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

Mehr zum Thema var können Sie in Text in HTML nachsehen. Weiteres zum hier gezeigten Tag var erfahren Sie in der HTML Referenz unter <var>.

Füllen und Umranden mit Tag tbody

Hier umranden wir <tbody> mit einem herausstehenden, 1 Punkte dicken Rahmen in Farbwert #dda0dd . Den Hintergrund von <tbody> färben wir entsprechend mit Farbwert #d8bfd8. In HTML ist das kaum machbar. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  tbody { 
    border-color: #dda0dd; 
    background-color: #d8bfd8; 
    border-width: 1pt; 
    border-style: outset;
  }
//-->
</style>

Weiteres zu tbody finden Sie in Tabellen in HTML. Einzelheiten des Befehl tbody sind in der HTML Referenz unter <tbody> zusammengestellt.