Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumspringgreen und Farbwert #8b0000

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 #8b0000
Detail	:	Hintergrund mediumspringgreen	Detail	:	Schrift #8b0000
Farbe	:	mediumspringgreen	Farbwert	:	#8b0000
Farbwert	:	#00fa9a	Farbe	:	darkred
HTML	:	mediumspringgreen	HTML	:	#8b0000
HTML (Wert)	:	#00fa9a	HTML (Wert)	:	#8b0000
CSS	:	mediumspringgreen	CSS	:	#8b0000
CSS (Wert)	:	#00fa9a	CSS (Wert)	:	#8b0000
CSS (kürzest)	:	#00fa9a	CSS (kürzest)	:	#8b0000
CSS (RGB)	:	rgb(0,250,154)	CSS (RGB)	:	rgb(139,0,0)
CSS (%RGB)	:	rgb(0%,98%,60%)	CSS (%RGB)	:	rgb(54%,0%,0%)

Verlauf Hintergrundfarbe mediumspringgreen nach Schriftfarbwert #8b0000
#00fa9a	#13d684	#27b26e	#3b8e58	#4f6b42	#63472c	#772316	#8b0000
#00fa9a	#13d684	#27b26e	#3b8e58	#4f6b42	#63472c	#772316	#8b0000

Kombination von mediumspringgreen und #8b0000
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit von #8b0000 und mediumspringgreen ergibt sich zu 65.63%. Die Lesbarkeit dieser Kombination liegt damit bei 34.37%. #8b0000 ist nicht als Schriftfarbe auf Hintergrund mediumspringgreen geeignet, da sich die Helligkeiten zu ähnlich sind.

Hintergrundfarbe mediumspringgreen				Schriftfarbwert #8b0000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00fa9a	#00fa9a	#00fa9a	#00fa9a	#8b0000	#8b0000	#8b0000	#8b0000
#24faa8	#24faa8	#00d684	#00d684	#9b2424	#9b2424	#770000	#770000
#48fbb6	#48fbb6	#00b26e	#00b26e	#ac4848	#ac4848	#630000	#630000
#6dfcc5	#6dfcc5	#008e58	#008e58	#bc6d6d	#bc6d6d	#4f0000	#4f0000
#91fcd3	#91fcd3	#006b42	#006b42	#cd9191	#cd9191	#3b0000	#3b0000
#b6fde2	#b6fde2	#00472c	#00472c	#ddb6b6	#ddb6b6	#270000	#270000
#dafef0	#dafef0	#002316	#002316	#eedada	#eedada	#130000	#130000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumspringgreen und Farbwert #8b0000

Füllen und Umranden bei Befehl p

Für dieses Beispiel umranden wir <p> mit einem 2 Punkte dicken, gepunkteten Rahmen in Farbwert #8b0000 . Den Hintergrund von <p> setzen wir entsprechend auf Farbe mediumspringgreen. Mit HTML ist dies kaum möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  p { border:2pt dotted #8b0000; background-color:mediumspringgreen; }
//-->
</style>

Weiteres zu p erfahren Sie in Grundlegende Gestaltungselemente in HTML. Der hier genutzte HTML-Tag p ist in der HTML Referenz bei <p> ausführlich gezeigt.

Wechsel der Textfarbe bei Hover von Tag dfn

Die Textfarbe soll sich von Farbe mediumspringgreen auf Farbwert #8b0000 ändern, wenn man mit der Maus auf <dfn> zeigt. Wir bereiten zunächst eine Darstellung von <dfn> in Farbe mediumspringgreen vor.

Wir legen z.B. bei <dfn> die Textfarbe auf Farbe mediumspringgreen fest. Die Größe der Schrift verringern wir auf 82%.

<style type="text/css"><!--
  dfn { 
    font-size: 82%; 
    color: mediumspringgreen;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #8b0000 ändert.

<style type="text/css"><!--
  dfn:hover { 
    color:#8b0000;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML nachlesen. Der hier gezeigte Befehl dfn ist in der HTML Referenz unter <dfn> genau gezeigt.