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

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 #2e8b57
Detail	:	Hintergrund #dda0dd	Detail	:	Schrift #2e8b57
Farbwert	:	#dda0dd	Farbwert	:	#2e8b57
Farbe	:	plum	Farbe	:	seagreen
HTML	:	#dda0dd	HTML	:	#2e8b57
HTML (Wert)	:	#dda0dd	HTML (Wert)	:	#2e8b57
CSS	:	#dda0dd	CSS	:	#2e8b57
CSS (Wert)	:	#dda0dd	CSS (Wert)	:	#2e8b57
CSS (kürzest)	:	#dda0dd	CSS (kürzest)	:	#2e8b57
CSS (RGB)	:	rgb(221,160,221)	CSS (RGB)	:	rgb(46,139,87)
CSS (%RGB)	:	rgb(86%,62%,86%)	CSS (%RGB)	:	rgb(18%,54%,34%)

Verlauf Hintergrundfarbwert #dda0dd nach Schriftfarbwert #2e8b57
#dda0dd	#c49dc9	#ab9ab6	#9297a3	#799490	#60917d	#478e6a	#2e8b57
#dda0dd	#c49dc9	#ab9ab6	#9297a3	#799490	#60917d	#478e6a	#2e8b57

Kombination von #dda0dd und #2e8b57
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Cras id velit ante.				Auf Hintergrund #dda0dd ist #2e8b57 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit der Farben #2e8b57 und #dda0dd beträgt 90.23%. Die Lesbarkeit dieser Farbkombination liegt damit bei 9.77%.

Hintergrundfarbwert #dda0dd				Schriftfarbwert #2e8b57
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dda0dd	#dda0dd	#dda0dd	#dda0dd	#2e8b57	#2e8b57	#2e8b57	#2e8b57
#e1ade1	#e1ade1	#bd89bd	#bd89bd	#4b9b6f	#4b9b6f	#27774a	#27774a
#e6bbe6	#e6bbe6	#9d729d	#9d729d	#69ac87	#69ac87	#20633e	#20633e
#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e	#87bc9f	#87bc9f	#1a4f31	#1a4f31
#f0d6f0	#f0d6f0	#5e445e	#5e445e	#a5cdb7	#a5cdb7	#133b25	#133b25
#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f	#c3ddcf	#c3ddcf	#0d2718	#0d2718
#faf1fa	#faf1fa	#1f161f	#1f161f	#e1eee7	#e1eee7	#06130c	#06130c
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dda0dd und Farbwert #2e8b57

Text- und Unterstreichungsfarben bei Tag h3

Eine Überschrift erzeugt man mit Tag <h3>. Diese kann man farblich gestalten.

Wir ändern bei diesem Beispiel die Textfarbe von <h3> auf Farbwert #2e8b57. Die Schriftart ändern wir auf verdana. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <h3> mit Hilfe eines einfallenden Rahmens mit 5 Punkte Dicke in Farbwert #dda0dd. Mit HTML geht das nicht. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  h3 { 
    color:#2e8b57; 
    font-family:verdana; 
    font-size:13px; 
    border-bottom:5pt inset #dda0dd;
  }
//-->
</style>

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

Mehr zu h3 finden Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des Tag <h3>.

Wechsel der Hintergrundfarbe bei Hover mit Tag em

Die Hintergrundfarbe soll sich von Farbwert #dda0dd auf Farbwert #2e8b57 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <em> in Farbwert #dda0dd vor.

Wir legen in diesem Beispiel Farbwert #dda0dd als Hintergrundfarbe von <em> fest. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  em { 
    background-color: #dda0dd; 
    font-size: 13px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf #2e8b57 ändert.

<style type="text/css"><!--
  em:hover { 
    background-color:#2e8b57;
  }
//-->
</style>

Mehr zu em lesen Sie in Text in HTML. Der hier gezeigte HTML-Tag em ist in der HTML Referenz bei <em> ausführlich beschrieben.