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

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 #dda0dd			Schriftfarbwert #f5f5dc
Detail	:	Hintergrund #dda0dd	Detail	:	Schrift #f5f5dc
Farbwert	:	#dda0dd	Farbwert	:	#f5f5dc
Farbe	:	plum	Farbe	:	beige
HTML	:	#dda0dd	HTML	:	#f5f5dc
HTML (Wert)	:	#dda0dd	HTML (Wert)	:	#f5f5dc
CSS	:	#dda0dd	CSS	:	#f5f5dc
CSS (Wert)	:	#dda0dd	CSS (Wert)	:	#f5f5dc
CSS (kürzest)	:	#dda0dd	CSS (kürzest)	:	#f5f5dc
CSS (RGB)	:	rgb(221,160,221)	CSS (RGB)	:	rgb(245,245,220)
CSS (%RGB)	:	rgb(86%,62%,86%)	CSS (%RGB)	:	rgb(96%,96%,86%)

Verlauf Hintergrundfarbwert #dda0dd nach Schriftfarbwert #f5f5dc
#dda0dd	#e0acdc	#e3b8dc	#e7c4dc	#ead0dc	#eedcdc	#f1e8dc	#f5f5dc
#dda0dd	#e0acdc	#e3b8dc	#e7c4dc	#ead0dc	#eedcdc	#f1e8dc	#f5f5dc

Kombination von #dda0dd und #f5f5dc
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #dda0dd ist #f5f5dc ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit der Farben #f5f5dc und #dda0dd ergibt sich zu 91.09%. Die Lesbarkeit dieser Kombination ergibt sich zu 8.91%.

Hintergrundfarbwert #dda0dd				Schriftfarbwert #f5f5dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dda0dd	#dda0dd	#dda0dd	#dda0dd	#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc
#e1ade1	#e1ade1	#bd89bd	#bd89bd	#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc
#e6bbe6	#e6bbe6	#9d729d	#9d729d	#f7f7e6	#f7f7e6	#afaf9d	#afaf9d
#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e	#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d
#f0d6f0	#f0d6f0	#5e445e	#5e445e	#fafaf0	#fafaf0	#69695e	#69695e
#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f	#fcfcf5	#fcfcf5	#46463e	#46463e
#faf1fa	#faf1fa	#1f161f	#1f161f	#fdfdfa	#fdfdfa	#23231f	#23231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dda0dd und Farbwert #f5f5dc

Text- und Unterstreichungsfarben von Tag cite

Hier ändern wir die Textfarbe von <cite> auf Farbwert #f5f5dc. Die Schriftart setzen wir auf monospace. Die Schriftgröße erhöhen wir auf 120%. Wir unterstreichen den Inhalt von <cite> mit Hilfe eines gestrichelten Rahmens mit 1 Punkte Dicke in Farbwert #dda0dd. Mit HTML geht das kaum. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  cite { 
    border-bottom: 1pt dashed #dda0dd; 
    color: #f5f5dc; 
    font-size: 120%; 
    font-family: monospace;
  }
//-->
</style>

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

Beschreibung vom hier gezeigten Tag <cite>.

Wechsel der Umrandung bei Hover mit HTML-Befehl img

Die Rahmenfarbe soll sich von Farbwert #dda0dd auf Farbwert #f5f5dc ändern, wenn man mit der Maus auf <img> zeigt. Bereiten wir zunächst eine Formatierung von <img> in Farbwert #dda0dd vor.

In diesem Beispiel umranden wir <img> mit einem 1 Pixel dicken, doppelten Rahmen in Farbwert #dda0dd.

<style type="text/css"><!--
  img { 
    border-style: double; 
    border-width: 1px; 
    border-color: #dda0dd;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #f5f5dc ändert.

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

Mehr zum Thema können Sie in Grafik in HTML nachsehen. Der hier verwendete HTML-Befehl img ist in der HTML Referenz bei <img> ausführlich zusammengestellt.