Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumspringgreen 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 mediumspringgreen			Schriftfarbwert #f8f8ff
Detail	:	Hintergrund mediumspringgreen	Detail	:	Schrift #f8f8ff
Farbe	:	mediumspringgreen	Farbwert	:	#f8f8ff
Farbwert	:	#00fa9a	Farbe	:	ghostwhite
HTML	:	mediumspringgreen	HTML	:	#f8f8ff
HTML (Wert)	:	#00fa9a	HTML (Wert)	:	#f8f8ff
CSS	:	mediumspringgreen	CSS	:	#f8f8ff
CSS (Wert)	:	#00fa9a	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#00fa9a	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(0,250,154)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(0%,98%,60%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbe mediumspringgreen nach Schriftfarbwert #f8f8ff
#00fa9a	#23f9a8	#46f9b6	#6af9c5	#8df8d3	#b1f8e2	#d4f8f0	#f8f8ff
#00fa9a	#23f9a8	#46f9b6	#6af9c5	#8df8d3	#b1f8e2	#d4f8f0	#f8f8ff

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

Hintergrundfarbe mediumspringgreen				Schriftfarbwert #f8f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00fa9a	#00fa9a	#00fa9a	#00fa9a	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#24faa8	#24faa8	#00d684	#00d684	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#48fbb6	#48fbb6	#00b26e	#00b26e	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#6dfcc5	#6dfcc5	#008e58	#008e58	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#91fcd3	#91fcd3	#006b42	#006b42	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#b6fde2	#b6fde2	#00472c	#00472c	#fdfdff	#fdfdff	#464648	#464648
#dafef0	#dafef0	#002316	#002316	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumspringgreen und Farbwert #f8f8ff

Wechsel der Umrandung bei Hover bei HTML-Befehl address

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

In diesem Beispiel umranden wir <address> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbe mediumspringgreen.

<style type="text/css"><!--
  address { 
    border-width: 5px; 
    border-color: mediumspringgreen; 
    border-style: ridge;
  }
//-->
</style>

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

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

Weiteres zu address erfahren Sie in Blockorientierte Elemente in HTML. Beschreibung vom Befehl <address>.

Text- und Unterstreichungsfarben von HTML-Befehl legend

Wir ändern für dieses Beispiel die Textfarbe von <legend> auf Farbwert #f8f8ff. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße erhöhen wir auf 122%. Wir unterstreichen den Inhalt von <legend> mit Hilfe eines gestrichelten Rahmens mit 2 Punkte Dicke in Farbe mediumspringgreen. Das ist mit HTML kaum möglich. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  legend { 
    border-bottom-style: dashed; 
    color: #f8f8ff; 
    font-family: sans-serif; 
    font-size: 122%; 
    border-bottom-width: 2pt; 
    border-bottom-color: mediumspringgreen;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu legend können Sie in Formulare in HTML finden. Einzelheiten des hier verwendeten Tag <legend>.