Ressourcen: 120 HTML Farbnamen - Kombination von Farbe beige und Farbwert #7fff00

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 beige			Schriftfarbwert #7fff00
Detail	:	Hintergrund beige	Detail	:	Schrift #7fff00
Farbe	:	beige	Farbwert	:	#7fff00
Farbwert	:	#f5f5dc	Farbe	:	chartreuse
HTML	:	beige	HTML	:	#7fff00
HTML (Wert)	:	#f5f5dc	HTML (Wert)	:	#7fff00
CSS	:	beige	CSS	:	#7fff00
CSS (Wert)	:	#f5f5dc	CSS (Wert)	:	#7fff00
CSS (kürzest)	:	#f5f5dc	CSS (kürzest)	:	#7fff00
CSS (RGB)	:	rgb(245,245,220)	CSS (RGB)	:	rgb(127,255,0)
CSS (%RGB)	:	rgb(96%,96%,86%)	CSS (%RGB)	:	rgb(49%,100%,0%)

Verlauf Hintergrundfarbe beige nach Schriftfarbwert #7fff00
#f5f5dc	#e4f6bc	#d3f79d	#c2f97d	#b1fa5e	#a0fc3e	#8ffd1f	#7fff00
#f5f5dc	#e4f6bc	#d3f79d	#c2f97d	#b1fa5e	#a0fc3e	#8ffd1f	#7fff00

Kombination von beige und #7fff00
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #7fff00 und beige ergibt sich zu 94.42%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.58%. #7fff00 eignet sich nicht als Schriftfarbe auf Hintergrund beige. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe beige				Schriftfarbwert #7fff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc	#7fff00	#7fff00	#7fff00	#7fff00
#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc	#91ff24	#91ff24	#6cda00	#6cda00
#f7f7e6	#f7f7e6	#afaf9d	#afaf9d	#a3ff48	#a3ff48	#5ab600	#5ab600
#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d	#b5ff6d	#b5ff6d	#489100	#489100
#fafaf0	#fafaf0	#69695e	#69695e	#c8ff91	#c8ff91	#366d00	#366d00
#fcfcf5	#fcfcf5	#46463e	#46463e	#daffb6	#daffb6	#244800	#244800
#fdfdfa	#fdfdfa	#23231f	#23231f	#ecffda	#ecffda	#122400	#122400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe beige und Farbwert #7fff00

Hintergrund/Text-Kombination mit Befehl p

Wir ändern in diesem Beispiel die Textfarbe von <p> auf Farbwert #7fff00 und die Hintergrundfarbe von <p> auf Farbe beige. Die Schriftart ändern wir auf arial und erhöhen die Schriftgröße auf 122%.

<style type="text/css"><!--
  p { 
    color:#7fff00; 
    font-size:122%; 
    font-family:arial; 
    background-color:beige;
  }
//-->
</style>

Weiteres zu p können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten vom Tag p sind in der HTML Referenz unter <p> genau zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag dt

Die Hintergrundfarbe soll sich von Farbe beige auf Farbwert #7fff00 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <dt> in Farbe beige vor.

Z.B. legen wir Farbe beige als Hintergrundfarbe von <dt> fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf monospace. Die Größe der Schrift setzen wir auf 9px.

<style type="text/css"><!--
  dt { 
    background-color: beige; 
    font-size: 9px; 
    font-family: monospace;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #7fff00 geändert wird.

<style type="text/css"><!--
  dt: hover { 
    background-color: #7fff00;
  }
//-->
</style>

Mehr zu dt können Sie in Listen und Glossare in HTML nachsehen. Weiteres zum Befehl <dt>.