Ressourcen: 137 HTML Farbnamen - Kombination von Farbe seagreen 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.

Hintergrundfarbe seagreen			Schriftfarbwert #dda0dd
Detail	:	Hintergrund seagreen	Detail	:	Schrift #dda0dd
Farbe	:	seagreen	Farbwert	:	#dda0dd
Farbwert	:	#2e8b57	Farbe	:	plum
HTML	:	seagreen	HTML	:	#dda0dd
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#dda0dd
CSS	:	seagreen	CSS	:	#dda0dd
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(86%,62%,86%)

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

Kombination von seagreen und #dda0dd
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.				Die Ähnlichkeit der Farben #dda0dd und seagreen beträgt 90.23%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 9.77%. #dda0dd eignet sich nicht als Schriftfarbe auf Hintergrund seagreen, weil sowohl Helligkeit als auch die Farben zu ähnlich sind.

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

Beispiele zur Kombination von Farbe seagreen und Farbwert #dda0dd

Hintergrund/Text-Kombination mit HTML-Befehl pre

Hier ändern wir die Textfarbe von <pre> auf Farbwert #dda0dd und die Hintergrundfarbe von <pre> auf Farbe seagreen. Als Schriftart setzen wir verdana. Als Schriftgröße wählen wir 9pt.

<style type="text/css"><!--
  pre { 
    color: #dda0dd; 
    font-family: verdana; 
    font-size: 9pt; 
    background-color: seagreen;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Blockorientierte Elemente in HTML. Die Beschreibung des Befehl pre lesen Sie in der HTML Referenz unter <pre>.

Wechsel der Textfarbe bei Hover bei Tag label

Die Textfarbe soll sich von Farbe seagreen auf Farbwert #dda0dd ändern, wenn man mit der Maus auf <label> zeigt. Bereiten wir zunächst die Formatierung von <label> in Farbe seagreen vor.

Wir legen für dieses Beispiel Farbe seagreen als Textfarbe von <label> fest und vergrößern die Größe der Schrift auf 118%.

<style type="text/css"><!--
  label { 
    font-size:118%; 
    color:seagreen;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Textfarbe zu #dda0dd ändert.

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

Weiteres zu label können Sie in Formulare in HTML finden. Die Beschreibung vom Befehl label finden Sie in der HTML Referenz unter <label>.