Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #48d1cc

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 #48d1cc
Detail	:	Hintergrundfarbwert #48d1cc	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#48d1cc	#48d1cc	#48d1cc	#48d1cc	#48d1cc
Farbe	:	mediumturquoise	#62d7d3	#62d7d3	#3db3ae	#3db3ae
HTML	:	#48d1cc	#7cdeda	#7cdeda	#339591	#339591
CSS	:	#48d1cc	#96e4e1	#96e4e1	#297774	#297774
CSS (Wert)	:	#48d1cc	#b0ebe9	#b0ebe9	#1e5957	#1e5957
CSS (kürzest)	:	#48d1cc	#caf1f0	#caf1f0	#143b3a	#143b3a
CSS (RGB)	:	rgb(72,209,204)	#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d
CSS (%RGB)	:	rgb(28%,81%,80%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #48d1cc

Umrandung mit HTML-Tag blockquote

In diesem Beispiel umranden wir <blockquote> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbwert #48d1cc. Das geht in HTML kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  blockquote { border:4px outset #48d1cc; }
//-->
</style>

Mehr zum Thema blockquote erfahren Sie in Blockorientierte Elemente in HTML. Der HTML-Tag blockquote ist in der HTML Referenz unter <blockquote> genau beschrieben.

Änderung der Unterstreichung bei Hover bei Befehl legend

Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <legend> so ein, dass sich bei Berührung mit der Maus die Unterstreichungsfarbe auf Farbwert #48d1cc ändert.

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

Mehr zu legend können Sie in Formulare in HTML nachlesen. Mehr zum HTML-Tag legend finden Sie in der HTML Referenz unter <legend>.