Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumseagreen und Farbwert #f8f8ff

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 mediumseagreen			Schriftfarbwert #f8f8ff
Detail	:	Hintergrund mediumseagreen	Detail	:	Schrift #f8f8ff
Farbe	:	mediumseagreen	Farbwert	:	#f8f8ff
Farbwert	:	#3cb371	Farbe	:	ghostwhite
HTML	:	mediumseagreen	HTML	:	#f8f8ff
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#f8f8ff
CSS	:	mediumseagreen	CSS	:	#f8f8ff
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbe mediumseagreen nach Schriftfarbwert #f8f8ff
#3cb371	#56bc85	#71c699	#8cd0ad	#a7dac2	#c2e4d6	#ddeeea	#f8f8ff
#3cb371	#56bc85	#71c699	#8cd0ad	#a7dac2	#c2e4d6	#ddeeea	#f8f8ff

Kombination von mediumseagreen und #f8f8ff
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #f8f8ff und mediumseagreen ergibt sich zu 88.00%. Die Lesbarkeit dieser Farbkombination liegt damit bei 12.00%. #f8f8ff eignet sich nicht als Schriftfarbe auf Hintergrund mediumseagreen, weil sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe mediumseagreen				Schriftfarbwert #f8f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#57bd85	#57bd85	#339960	#339960	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#73c899	#73c899	#2a7f50	#2a7f50	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#8fd3ad	#8fd3ad	#226640	#226640	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#abdec2	#abdec2	#194c30	#194c30	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#c7e9d6	#c7e9d6	#113320	#113320	#fdfdff	#fdfdff	#464648	#464648
#e3f4ea	#e3f4ea	#081910	#081910	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumseagreen und Farbwert #f8f8ff

Füllen und Umranden von HTML-Tag img

Hier umranden wir <img> mit einem gezahnten, 3 Punkte dicken Rahmen in Farbwert #f8f8ff . Den Hintergrund von <img> setzen wir entsprechend auf Farbe mediumseagreen. Das ist mit HTML nicht möglich. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  img { border:3pt ridge #f8f8ff; background-color:mediumseagreen; }
//-->
</style>

Mehr zu img finden Sie in Grafik in HTML. Weiteres zum hier gezeigten HTML-Befehl <img>.

Wechsel der Umrandung bei Hover bei HTML-Tag iframe

Die Rahmenfarbe soll sich von Farbe mediumseagreen auf Farbwert #f8f8ff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <iframe> in Farbe mediumseagreen vor.

In diesem Beispiel umranden wir <iframe> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbe mediumseagreen.

<style type="text/css"><!--
  iframe { 
    border-color: mediumseagreen; 
    border-style: inset; 
    border-width: 1px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #f8f8ff ändert.

<style type="text/css"><!--
  iframe:hover { 
    border-color:#f8f8ff;
  }
//-->
</style>

Zur Beschreibung vom Befehl <iframe>.