Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #8fbc8f und Farbe deepskyblue

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.

Hintergrundfarbwert #8fbc8f			Schriftfarbe deepskyblue
Detail	:	Hintergrund #8fbc8f	Detail	:	Schrift deepskyblue
Farbwert	:	#8fbc8f	Farbe	:	deepskyblue
Farbe	:	darkseagreen	Farbwert	:	#00bfff
HTML	:	#8fbc8f	HTML	:	deepskyblue
HTML (Wert)	:	#8fbc8f	HTML (Wert)	:	#00bfff
CSS	:	#8fbc8f	CSS	:	deepskyblue
CSS (Wert)	:	#8fbc8f	CSS (Wert)	:	#00bfff
CSS (kürzest)	:	#8fbc8f	CSS (kürzest)	:	#00bfff
CSS (RGB)	:	rgb(143,188,143)	CSS (RGB)	:	rgb(0,191,255)
CSS (%RGB)	:	rgb(56%,73%,56%)	CSS (%RGB)	:	rgb(0%,74%,100%)

Verlauf Hintergrundfarbwert #8fbc8f nach Schriftfarbe deepskyblue
#8fbc8f	#7abc9f	#66bcaf	#51bdbf	#3dbdcf	#28bedf	#14beef	#00bfff
#8fbc8f	#7abc9f	#66bcaf	#51bdbf	#3dbdcf	#28bedf	#14beef	#00bfff

Kombination von #8fbc8f und deepskyblue
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit von deepskyblue und #8fbc8f beträgt 95.17%. Die Lesbarkeit dieser Farbkombination liegt damit bei 4.83%. Auf Hintergrund #8fbc8f ist deepskyblue ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbwert #8fbc8f				Schriftfarbe deepskyblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#00bfff	#00bfff	#00bfff	#00bfff
#9fc59f	#9fc59f	#7aa17a	#7aa17a	#24c8ff	#24c8ff	#00a3da	#00a3da
#afcfaf	#afcfaf	#668666	#668666	#48d1ff	#48d1ff	#0088b6	#0088b6
#bfd8bf	#bfd8bf	#516b51	#516b51	#6ddaff	#6ddaff	#006d91	#006d91
#cfe2cf	#cfe2cf	#3d503d	#3d503d	#91e3ff	#91e3ff	#00516d	#00516d
#dfebdf	#dfebdf	#283528	#283528	#b6ecff	#b6ecff	#003648	#003648
#eff5ef	#eff5ef	#141a14	#141a14	#daf5ff	#daf5ff	#001b24	#001b24
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8fbc8f und Farbe deepskyblue

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag th

Die Hintergrundfarbe soll sich von Farbwert #8fbc8f auf Farbe deepskyblue ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <th> in Farbwert #8fbc8f vor.

Hier legen wir Farbwert #8fbc8f als Hintergrundfarbe von <th> fest. Die Textfarbe verändern wir nicht. Die Schriftart setzen wir auf arial und ändern die Größe der Schrift auf 9px.

<style type="text/css"><!--
  th { 
    font-family: arial; 
    background-color: #8fbc8f; 
    font-size: 9px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf deepskyblue geändert wird.

<style type="text/css"><!--
  th: hover { 
    background-color: deepskyblue;
  }
//-->
</style>

Mehr zum Thema th können Sie in Tabellen in HTML nachsehen. Der Befehl th ist in der HTML Referenz bei <th> zusammengestellt.

Füllen und Umranden von Tag pre

Hier umranden wir <pre> mit einem einfallenden, 1 Pixel dicken Rahmen in Farbe deepskyblue . Den Hintergrund von <pre> setzen wir auf Farbwert #8fbc8f. In HTML geht dies kaum. Deshalb verwenden wir hierfür CSS.

<style type="text/css"><!--
  pre { border:1px inset deepskyblue; background-color:#8fbc8f; }
//-->
</style>

Weiteres zum Thema finden Sie in Blockorientierte Elemente in HTML. Einzelheiten des HTML-Tag pre finden Sie in der HTML Referenz unter <pre>.