Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #3cb371 und Farbwert #48d1cc

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 #3cb371			Schriftfarbwert #48d1cc
Detail	:	Hintergrund #3cb371	Detail	:	Schrift #48d1cc
Farbwert	:	#3cb371	Farbwert	:	#48d1cc
Farbe	:	mediumseagreen	Farbe	:	mediumturquoise
HTML	:	#3cb371	HTML	:	#48d1cc
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#48d1cc
CSS	:	#3cb371	CSS	:	#48d1cc
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#48d1cc
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#48d1cc
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(72,209,204)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(28%,81%,80%)

Verlauf Hintergrundfarbwert #3cb371 nach Schriftfarbwert #48d1cc
#3cb371	#3db77e	#3fbb8b	#41bf98	#42c4a5	#44c8b2	#46ccbf	#48d1cc
#3cb371	#3db77e	#3fbb8b	#41bf98	#42c4a5	#44c8b2	#46ccbf	#48d1cc

Kombination von #3cb371 und #48d1cc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#48d1cc ist nicht als Schriftfarbe auf Hintergrund #3cb371 geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit der Farben #48d1cc und #3cb371 beträgt 93.19%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.81%.

Hintergrundfarbwert #3cb371				Schriftfarbwert #48d1cc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#48d1cc	#48d1cc	#48d1cc	#48d1cc
#57bd85	#57bd85	#339960	#339960	#62d7d3	#62d7d3	#3db3ae	#3db3ae
#73c899	#73c899	#2a7f50	#2a7f50	#7cdeda	#7cdeda	#339591	#339591
#8fd3ad	#8fd3ad	#226640	#226640	#96e4e1	#96e4e1	#297774	#297774
#abdec2	#abdec2	#194c30	#194c30	#b0ebe9	#b0ebe9	#1e5957	#1e5957
#c7e9d6	#c7e9d6	#113320	#113320	#caf1f0	#caf1f0	#143b3a	#143b3a
#e3f4ea	#e3f4ea	#081910	#081910	#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #3cb371 und Farbwert #48d1cc

Füllen und Umranden bei Befehl button

Für dieses Beispiel umranden wir <button> mit einem gepunkteten, 4 Pixel dicken Rahmen in Farbwert #48d1cc . Den Hintergrund von <button> setzen wir auf Farbwert #3cb371. Dies ist mit HTML kaum möglich. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  button { 
    border-color:#48d1cc; 
    border-width:4px; 
    background-color:#3cb371; 
    border-style:dotted;
  }
//-->
</style>

Mehr zum Thema button können Sie in Formulare in HTML erfahren. Die Beschreibung des Befehl button finden Sie in der HTML Referenz unter <button>.

Wechsel der Textfarbe bei Hover von Befehl address

Die Textfarbe soll sich von Farbwert #3cb371 auf Farbwert #48d1cc ändern, wenn man mit der Maus auf <address> zeigt. Wir bereiten zunächst die Formatierung von <address> in Farbwert #3cb371 vor.

Hier legen wir Farbwert #3cb371 als Textfarbe von <address> fest:

<style type="text/css"><!--
  address { 
    color:#3cb371;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf #48d1cc gesetzt wird.

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

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML finden. Beschreibung vom Tag <address>.