Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00ff7f und Farbe beige

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

Verlauf Hintergrundfarbwert #00ff7f nach Schriftfarbe beige
#00ff7f	#23fd8c	#46fc99	#69faa6	#8cf9b4	#aff7c1	#d2f6ce	#f5f5dc
#00ff7f	#23fd8c	#46fc99	#69faa6	#8cf9b4	#aff7c1	#d2f6ce	#f5f5dc

Kombination von #00ff7f und beige
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				beige eignet sich nicht als Schriftfarbe auf Hintergrund #00ff7f, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit von beige und #00ff7f ergibt sich zu 94.21%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.79%.

Hintergrundfarbwert #00ff7f				Schriftfarbe beige
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff7f	#00ff7f	#00ff7f	#00ff7f	#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc
#24ff91	#24ff91	#00da6c	#00da6c	#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc
#48ffa3	#48ffa3	#00b65a	#00b65a	#f7f7e6	#f7f7e6	#afaf9d	#afaf9d
#6dffb5	#6dffb5	#009148	#009148	#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d
#91ffc8	#91ffc8	#006d36	#006d36	#fafaf0	#fafaf0	#69695e	#69695e
#b6ffda	#b6ffda	#004824	#004824	#fcfcf5	#fcfcf5	#46463e	#46463e
#daffec	#daffec	#002412	#002412	#fdfdfa	#fdfdfa	#23231f	#23231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #00ff7f und Farbe beige

Wechsel der Umrandung bei Hover von HTML-Befehl center

Die Rahmenfarbe soll sich von Farbwert #00ff7f auf Farbe beige ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <center> in Farbwert #00ff7f vor.

In diesem Beispiel umranden wir <center> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbwert #00ff7f.

<style type="text/css"><!--
  center { 
    border-width:5px; 
    border-style:inset; 
    border-color:#00ff7f;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf beige gesetzt wird.

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

Weiteres zum Thema center erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom HTML-Befehl center sind in der HTML Referenz unter <center> zusammengestellt.