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

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.

Hintergrundfarbwert #9acd32			Schriftfarbe lavender
Detail	:	Hintergrund #9acd32	Detail	:	Schrift lavender
Farbwert	:	#9acd32	Farbe	:	lavender
Farbe	:	yellowgreen	Farbwert	:	#e6e6fa
HTML	:	#9acd32	HTML	:	lavender
HTML (Wert)	:	#9acd32	HTML (Wert)	:	#e6e6fa
CSS	:	#9acd32	CSS	:	lavender
CSS (Wert)	:	#9acd32	CSS (Wert)	:	#e6e6fa
CSS (kürzest)	:	#9acd32	CSS (kürzest)	:	#e6e6fa
CSS (RGB)	:	rgb(154,205,50)	CSS (RGB)	:	rgb(230,230,250)
CSS (%RGB)	:	rgb(60%,80%,19%)	CSS (%RGB)	:	rgb(90%,90%,98%)

Verlauf Hintergrundfarbwert #9acd32 nach Schriftfarbe lavender
#9acd32	#a4d04e	#afd46b	#bad787	#c5dba4	#d0dec0	#dbe2dd	#e6e6fa
#9acd32	#a4d04e	#afd46b	#bad787	#c5dba4	#d0dec0	#dbe2dd	#e6e6fa

Kombination von #9acd32 und lavender
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von lavender und #9acd32 beträgt 92.71%. Die Lesbarkeit dieser Kombination liegt damit bei 7.29%. lavender eignet sich nicht als Schriftfarbe auf Hintergrund #9acd32. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #9acd32				Schriftfarbe lavender
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9acd32	#9acd32	#9acd32	#9acd32	#e6e6fa	#e6e6fa	#e6e6fa	#e6e6fa
#a8d44f	#a8d44f	#84af2a	#84af2a	#e9e9fa	#e9e9fa	#c5c5d6	#c5c5d6
#b6db6c	#b6db6c	#6e9223	#6e9223	#ededfb	#ededfb	#a4a4b2	#a4a4b2
#c5e289	#c5e289	#58751c	#58751c	#f0f0fc	#f0f0fc	#83838e	#83838e
#d3e9a7	#d3e9a7	#425715	#425715	#f4f4fc	#f4f4fc	#62626b	#62626b
#e2f0c4	#e2f0c4	#2c3a0e	#2c3a0e	#f7f7fd	#f7f7fd	#414147	#414147
#f0f7e1	#f0f7e1	#161d07	#161d07	#fbfbfe	#fbfbfe	#202023	#202023
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #9acd32 und Farbe lavender

Füllen und Umranden bei HTML-Befehl dt

Hier umranden wir <dt> mit einem gefurchten, 1 Pixel dicken Rahmen in Farbe lavender . Den Hintergrund von <dt> setzen wir entsprechend auf Farbwert #9acd32. Das ist mit HTML kaum möglich. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  dt { border:1px groove lavender; background-color:#9acd32; }
//-->
</style>

Weiteres zu dt können Sie in Listen und Glossare in HTML finden. Weiteres zum hier gezeigten Tag dt erfahren Sie in der HTML Referenz unter <dt>.

Wechsel der Umrandung bei Hover bei Tag strike

Die Rahmenfarbe soll sich von Farbwert #9acd32 auf Farbe lavender ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <strike> in Farbwert #9acd32 vor.

In diesem Beispiel umranden wir <strike> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbwert #9acd32.

<style type="text/css"><!--
  strike { 
    border-color:#9acd32; 
    border-style:outset; 
    border-width:5px;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf lavender gesetzt wird.

<style type="text/css"><!--
  strike:hover { 
    border-color:lavender;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML erfahren. Die Beschreibung des Befehl strike erfahren Sie in der HTML Referenz unter <strike>.