Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #dcdcdc und Farbwert #90ee90

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 #dcdcdc			Schriftfarbwert #90ee90
Detail	:	Hintergrund #dcdcdc	Detail	:	Schrift #90ee90
Farbwert	:	#dcdcdc	Farbwert	:	#90ee90
Farbe	:	gainsboro	Farbe	:	lightgreen
HTML	:	#dcdcdc	HTML	:	#90ee90
HTML (Wert)	:	#dcdcdc	HTML (Wert)	:	#90ee90
CSS	:	#dcdcdc	CSS	:	#90ee90
CSS (Wert)	:	#dcdcdc	CSS (Wert)	:	#90ee90
CSS (kürzest)	:	#dcdcdc	CSS (kürzest)	:	#90ee90
CSS (RGB)	:	rgb(220,220,220)	CSS (RGB)	:	rgb(144,238,144)
CSS (%RGB)	:	rgb(86%,86%,86%)	CSS (%RGB)	:	rgb(56%,93%,56%)

Verlauf Hintergrundfarbwert #dcdcdc nach Schriftfarbwert #90ee90
#dcdcdc	#d1ded1	#c6e1c6	#bbe3bb	#b0e6b0	#a5e8a5	#9aeb9a	#90ee90
#dcdcdc	#d1ded1	#c6e1c6	#bbe3bb	#b0e6b0	#a5e8a5	#9aeb9a	#90ee90

Kombination von #dcdcdc und #90ee90
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #90ee90 und #dcdcdc beträgt 95.08%. Die Lesbarkeit dieser Kombination ergibt sich zu 4.92%. #90ee90 eignet sich nicht als Schriftfarbe auf Hintergrund #dcdcdc. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbwert #dcdcdc				Schriftfarbwert #90ee90
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc	#90ee90	#90ee90	#90ee90	#90ee90
#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc	#9ff09f	#9ff09f	#7bcc7b	#7bcc7b
#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d	#aff2af	#aff2af	#66aa66	#66aa66
#ebebeb	#ebebeb	#7d7d7d	#7d7d7d	#bff5bf	#bff5bf	#528852	#528852
#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e	#cff7cf	#cff7cf	#3d663d	#3d663d
#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e	#dffadf	#dffadf	#294429	#294429
#fafafa	#fafafa	#1f1f1f	#1f1f1f	#effcef	#effcef	#142214	#142214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #dcdcdc und Farbwert #90ee90

Wechsel der Hintergrundfarbe bei Hover mit Befehl strike

Die Hintergrundfarbe soll sich von Farbwert #dcdcdc auf Farbwert #90ee90 ändern, wenn man mit der Maus auf <strike> zeigt. Wir bereiten zunächst eine Formatierung von <strike> in Farbwert #dcdcdc vor.

Für dieses Beispiel legen wir Farbwert #dcdcdc als Hintergrundfarbe von <strike> fest und ändern die Größe der Schrift auf 12pt:

<style type="text/css"><!--
  strike { 
    background-color:#dcdcdc; 
    font-size:12pt;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #90ee90 ändert.

<style type="text/css"><!--
  strike: hover { 
    background-color: #90ee90;
  }
//-->
</style>

Mehr zu strike erfahren Sie in Text in HTML. Möglichkeiten des hier verwendeten Befehl <strike>.