Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #90ee90 und Farbe orangered

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 #90ee90			Schriftfarbe orangered
Detail	:	Hintergrund #90ee90	Detail	:	Schrift orangered
Farbwert	:	#90ee90	Farbe	:	orangered
Farbe	:	lightgreen	Farbwert	:	#ff4500
HTML	:	#90ee90	HTML	:	orangered
HTML (Wert)	:	#90ee90	HTML (Wert)	:	#ff4500
CSS	:	#90ee90	CSS	:	orangered
CSS (Wert)	:	#90ee90	CSS (Wert)	:	#ff4500
CSS (kürzest)	:	#90ee90	CSS (kürzest)	:	#ff4500
CSS (RGB)	:	rgb(144,238,144)	CSS (RGB)	:	rgb(255,69,0)
CSS (%RGB)	:	rgb(56%,93%,56%)	CSS (%RGB)	:	rgb(100%,27%,0%)

Verlauf Hintergrundfarbwert #90ee90 nach Schriftfarbe orangered
#90ee90	#9fd57b	#afbd66	#bfa552	#cf8d3d	#df7529	#ef5d14	#ff4500
#90ee90	#9fd57b	#afbd66	#bfa552	#cf8d3d	#df7529	#ef5d14	#ff4500

Kombination von #90ee90 und orangered
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #90ee90 ist orangered ungeeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit von orangered und #90ee90 beträgt 88.44%. Die Lesbarkeit dieser Kombination ergibt sich zu 11.56%.

Hintergrundfarbwert #90ee90				Schriftfarbe orangered
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#90ee90	#90ee90	#90ee90	#90ee90	#ff4500	#ff4500	#ff4500	#ff4500
#9ff09f	#9ff09f	#7bcc7b	#7bcc7b	#ff5f24	#ff5f24	#da3b00	#da3b00
#aff2af	#aff2af	#66aa66	#66aa66	#ff7a48	#ff7a48	#b63100	#b63100
#bff5bf	#bff5bf	#528852	#528852	#ff946d	#ff946d	#912700	#912700
#cff7cf	#cff7cf	#3d663d	#3d663d	#ffaf91	#ffaf91	#6d1d00	#6d1d00
#dffadf	#dffadf	#294429	#294429	#ffc9b6	#ffc9b6	#481300	#481300
#effcef	#effcef	#142214	#142214	#ffe4da	#ffe4da	#240900	#240900
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #90ee90 und Farbe orangered

Text- und Unterstreichungsfarben mit Tag em

Hier ändern wir die Textfarbe von <em> auf Farbe orangered. Die Schriftart ändern wir auf courier new und verringern die Schriftgröße auf 94%. Wir unterstreichen den Inhalt von <em> mit Hilfe eines gepunkteten Rahmens mit 1 Punkte Dicke in Farbwert #90ee90. In HTML geht das nicht. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  em { 
    border-bottom:1pt dotted #90ee90; 
    color:orangered; 
    font-family:courier new; 
    font-size:94%;
  }
//-->
</style>

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

Weiteres zu em können Sie in Text in HTML erfahren. Weiteres zum HTML-Befehl em finden Sie in der HTML Referenz unter <em>.

Wechsel der Umrandung bei Hover mit Tag iframe

Die Rahmenfarbe soll sich von Farbwert #90ee90 auf Farbe orangered ändern, wenn man mit der Maus auf <iframe> zeigt. Bereiten wir zunächst eine Formatierung von <iframe> in Farbwert #90ee90 vor.

In diesem Beispiel umranden wir <iframe> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbwert #90ee90.

<style type="text/css"><!--
  iframe { border:3px inset #90ee90; }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu orangered ändert.

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

Mehr zum hier genutzten Tag iframe finden Sie in der HTML Referenz unter <iframe>.