Ressourcen: 137 HTML Farbnamen - Kombination von Farbe mediumseagreen und Farbwert #f0f8ff

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe mediumseagreen			Schriftfarbwert #f0f8ff
Detail	:	Hintergrund mediumseagreen	Detail	:	Schrift #f0f8ff
Farbe	:	mediumseagreen	Farbwert	:	#f0f8ff
Farbwert	:	#3cb371	Farbe	:	aliceblue
HTML	:	mediumseagreen	HTML	:	#f0f8ff
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#f0f8ff
CSS	:	mediumseagreen	CSS	:	#f0f8ff
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#f0f8ff
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#f0f8ff
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(240,248,255)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(94%,97%,100%)

Verlauf Hintergrundfarbe mediumseagreen nach Schriftfarbwert #f0f8ff
#3cb371	#55bc85	#6fc699	#89d0ad	#a2dac2	#bce4d6	#d6eeea	#f0f8ff
#3cb371	#55bc85	#6fc699	#89d0ad	#a2dac2	#bce4d6	#d6eeea	#f0f8ff

Kombination von mediumseagreen und #f0f8ff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit der Farben #f0f8ff und mediumseagreen ergibt sich zu 88.17%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 11.83%. Auf Hintergrund mediumseagreen ist #f0f8ff ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe mediumseagreen				Schriftfarbwert #f0f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff
#57bd85	#57bd85	#339960	#339960	#f2f9ff	#f2f9ff	#cdd4da	#cdd4da
#73c899	#73c899	#2a7f50	#2a7f50	#f4faff	#f4faff	#abb1b6	#abb1b6
#8fd3ad	#8fd3ad	#226640	#226640	#f6fbff	#f6fbff	#898d91	#898d91
#abdec2	#abdec2	#194c30	#194c30	#f8fcff	#f8fcff	#666a6d	#666a6d
#c7e9d6	#c7e9d6	#113320	#113320	#fafdff	#fafdff	#444648	#444648
#e3f4ea	#e3f4ea	#081910	#081910	#fcfeff	#fcfeff	#222324	#222324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumseagreen und Farbwert #f0f8ff

Wechsel der Textfarbe bei Hover von Tag blockquote

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

Hier legen wir bei <blockquote> die Textfarbe auf Farbe mediumseagreen fest. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf verdana. Die Größe der Schrift ändern wir auf 13px:

<style type="text/css"><!--
  blockquote { 
    font-family:verdana; 
    font-size:13px; 
    color:mediumseagreen;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #f0f8ff gesetzt wird.

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

Mehr zum Thema blockquote finden Sie in Blockorientierte Elemente in HTML. Mehr zum Tag blockquote ist in der HTML Referenz bei <blockquote> zusammengestellt.

Füllen und Umranden mit Tag textarea

Für dieses Beispiel umranden wir <textarea> mit einem 3 Pixel dicken, gestrichelten Rahmen in Farbwert #f0f8ff . Den Hintergrund von <textarea> färben wir entsprechend mit Farbe mediumseagreen. Mit HTML geht das nicht. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  textarea { border:3px dashed #f0f8ff; background-color:mediumseagreen; }
//-->
</style>

Mehr zu textarea können Sie in Formulare in HTML finden. Einzelheiten vom Tag textarea sind in der HTML Referenz bei <textarea> ausführlich zusammengestellt.