Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #3cb371 und Farbwert #ff8c00

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

Verlauf Hintergrundfarbwert #3cb371 nach Schriftfarbwert #ff8c00
#3cb371	#57ad60	#73a750	#8fa240	#ab9c30	#c79720	#e39110	#ff8c00
#3cb371	#57ad60	#73a750	#8fa240	#ab9c30	#c79720	#e39110	#ff8c00

Kombination von #3cb371 und #ff8c00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #ff8c00 und #3cb371 beträgt 94.56%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.44%. Auf Hintergrund #3cb371 ist #ff8c00 ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbwert #3cb371				Schriftfarbwert #ff8c00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#ff8c00	#ff8c00	#ff8c00	#ff8c00
#57bd85	#57bd85	#339960	#339960	#ff9c24	#ff9c24	#da7800	#da7800
#73c899	#73c899	#2a7f50	#2a7f50	#ffac48	#ffac48	#b66400	#b66400
#8fd3ad	#8fd3ad	#226640	#226640	#ffbd6d	#ffbd6d	#915000	#915000
#abdec2	#abdec2	#194c30	#194c30	#ffcd91	#ffcd91	#6d3c00	#6d3c00
#c7e9d6	#c7e9d6	#113320	#113320	#ffdeb6	#ffdeb6	#482800	#482800
#e3f4ea	#e3f4ea	#081910	#081910	#ffeeda	#ffeeda	#241400	#241400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #3cb371 und Farbwert #ff8c00

Hintergrund/Text-Kombination von HTML-Tag h1

Eine Überschrift der 1. Stufe wird mit Befehl <h1> gesetzt. Sie kann farblich gestaltet und hervorgehoben werden.

Hier ändern wir die Textfarbe von <h1> auf Farbwert #ff8c00 und die Hintergrundfarbe von <h1> auf Farbwert #3cb371. Die Schriftart ändern wir auf verdana und als Schriftgröße wählen wir 13px.

<style type="text/css"><!--
  h1 { 
    font-size: 13px; 
    color: #ff8c00; 
    font-family: verdana; 
    background-color: #3cb371;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Weiteres zum Tag h1 ist in der HTML Referenz unter <h1> ausführlich zusammengestellt.

Wechsel der Umrandung bei Hover mit Befehl hr

Die Rahmenfarbe soll sich von Farbwert #3cb371 auf Farbwert #ff8c00 ändern, wenn man mit der Maus auf <hr> zeigt. Wir bereiten zunächst eine Formatierung von <hr> in Farbwert #3cb371 vor.

In diesem Beispiel umranden wir <hr> mit einem 3 Pixel dicken, herausstehenden Rahmen in Farbwert #3cb371.

<style type="text/css"><!--
  hr { 
    border-color:#3cb371; 
    border-style:outset; 
    border-width:3px;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #ff8c00 ändert.

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

Mehr zu hr erfahren Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des hier verwendeten HTML-Tag <hr>.