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

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 #e6e6fa
Detail	:	Hintergrund #dda0dd	Detail	:	Schrift #e6e6fa
Farbwert	:	#dda0dd	Farbwert	:	#e6e6fa
Farbe	:	plum	Farbe	:	lavender
HTML	:	#dda0dd	HTML	:	#e6e6fa
HTML (Wert)	:	#dda0dd	HTML (Wert)	:	#e6e6fa
CSS	:	#dda0dd	CSS	:	#e6e6fa
CSS (Wert)	:	#dda0dd	CSS (Wert)	:	#e6e6fa
CSS (kürzest)	:	#dda0dd	CSS (kürzest)	:	#e6e6fa
CSS (RGB)	:	rgb(221,160,221)	CSS (RGB)	:	rgb(230,230,250)
CSS (%RGB)	:	rgb(86%,62%,86%)	CSS (%RGB)	:	rgb(90%,90%,98%)

Verlauf Hintergrundfarbwert #dda0dd nach Schriftfarbwert #e6e6fa
#dda0dd	#deaae1	#dfb4e5	#e0bee9	#e2c8ed	#e3d2f1	#e4dcf5	#e6e6fa
#dda0dd	#deaae1	#dfb4e5	#e0bee9	#e2c8ed	#e3d2f1	#e4dcf5	#e6e6fa

Kombination von #dda0dd und #e6e6fa
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit von #e6e6fa und #dda0dd beträgt 91.99%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 8.01%. #e6e6fa eignet sich nicht als Schriftfarbe auf Hintergrund #dda0dd, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #dda0dd				Schriftfarbwert #e6e6fa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dda0dd	#dda0dd	#dda0dd	#dda0dd	#e6e6fa	#e6e6fa	#e6e6fa	#e6e6fa
#e1ade1	#e1ade1	#bd89bd	#bd89bd	#e9e9fa	#e9e9fa	#c5c5d6	#c5c5d6
#e6bbe6	#e6bbe6	#9d729d	#9d729d	#ededfb	#ededfb	#a4a4b2	#a4a4b2
#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e	#f0f0fc	#f0f0fc	#83838e	#83838e
#f0d6f0	#f0d6f0	#5e445e	#5e445e	#f4f4fc	#f4f4fc	#62626b	#62626b
#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f	#f7f7fd	#f7f7fd	#414147	#414147
#faf1fa	#faf1fa	#1f161f	#1f161f	#fbfbfe	#fbfbfe	#202023	#202023
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dda0dd und Farbwert #e6e6fa

Wechsel der Textfarbe bei Hover von Befehl fieldset

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

Z.B. legen wir Farbwert #dda0dd als Textfarbe von <fieldset> fest und ändern die Schriftgröße auf 13px.

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

Jetzt fordern wir, dass bei Hover die Textfarbe auf #e6e6fa gesetzt wird.

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

Weiteres zu fieldset erfahren Sie in Formulare in HTML. Weiteres zum Tag fieldset ist in der HTML Referenz unter <fieldset> genau beschrieben.

Hintergrund/Text-Kombination von HTML-Tag q

Hier ändern wir die Textfarbe von <q> auf Farbwert #e6e6fa und die Hintergrundfarbe von <q> auf Farbwert #dda0dd. Als Schriftart setzen wir monospace und verringern die Schriftgröße auf 81%.

<style type="text/css"><!--
  q { 
    font-size: 81%; 
    background-color: #dda0dd; 
    font-family: monospace; 
    color: #e6e6fa;
  }
//-->
</style>

Möglichkeiten vom hier genutzten HTML-Befehl q sind in der HTML Referenz unter <q> zusammengestellt.