Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lavender und Farbwert #dda0dd

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbe lavender			Schriftfarbwert #dda0dd
Detail	:	Hintergrund lavender	Detail	:	Schrift #dda0dd
Farbe	:	lavender	Farbwert	:	#dda0dd
Farbwert	:	#e6e6fa	Farbe	:	plum
HTML	:	lavender	HTML	:	#dda0dd
HTML (Wert)	:	#e6e6fa	HTML (Wert)	:	#dda0dd
CSS	:	lavender	CSS	:	#dda0dd
CSS (Wert)	:	#e6e6fa	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#e6e6fa	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(230,230,250)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(90%,90%,98%)	CSS (%RGB)	:	rgb(86%,62%,86%)

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

Kombination von lavender und #dda0dd
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #dda0dd und lavender ergibt sich zu 91.99%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 8.01%. #dda0dd eignet sich nicht als Schriftfarbe auf Hintergrund lavender. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

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

Beispiele zur Kombination von Farbe lavender und Farbwert #dda0dd

Wechsel der Textfarbe bei Hover mit HTML-Befehl thead

Die Textfarbe soll sich von Farbe lavender auf Farbwert #dda0dd ändern, wenn man mit der Maus auf <thead> zeigt. Bereiten wir zunächst eine Darstellung von <thead> in Farbe lavender vor.

Wir legen z.B. die Textfarbe von <thead> auf Farbe lavender fest und setzen die Schriftgröße auf 13px:

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

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #dda0dd ändert.

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

Mehr zu thead erfahren Sie in Tabellen in HTML. Möglichkeiten des hier genutzten HTML-Tag thead sind in der HTML Referenz bei <thead> ausführlich beschrieben.

Füllen und Umranden bei Befehl frameset

Hier umranden wir <frameset> mit einem 3 Pixel dicken, gestrichelten Rahmen in Farbwert #dda0dd . Die Hintergrundfarbe für <frameset> setzen wir entsprechend auf Farbe lavender. In HTML ist dies kaum machbar. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  frameset { 
    border-color:#dda0dd; 
    border-style:dashed; 
    background-color:lavender; 
    border-width:3px;
  }
//-->
</style>

Die Beschreibung vom HTML-Tag frameset lesen Sie in der HTML Referenz unter <frameset>.