Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #48d1cc und Farbwert #66cdaa

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.

Beispiele zur Kombination von Farbwert #48d1cc und Farbwert #66cdaa

Füllen und Umranden bei Tag img

In diesem Beispiel umranden wir <img> mit einem einfallenden, 5 Pixel dicken Rahmen in Farbwert #66cdaa . Den Hintergrund von <img> setzen wir entsprechend auf Farbwert #48d1cc. Das geht in HTML nicht. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  img { 
    border-color: #66cdaa; 
    border-width: 5px; 
    background-color: #48d1cc; 
    border-style: inset;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grafik in HTML nachlesen. Weiteres zum Tag img finden Sie in der HTML Referenz unter <img>.

Text- und Unterstreichungsfarben mit HTML-Befehl acronym

Wir ändern für dieses Beispiel die Textfarbe von <acronym> auf Farbwert #66cdaa. Die Schriftart ändern wir auf monospace und vergrößern die Schriftgröße auf 128%. Wir unterstreichen den Inhalt von <acronym> mit Hilfe eines einfallenden Rahmens mit 4 Punkte Dicke in Farbwert #48d1cc. Das geht mit HTML nicht. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  acronym { 
    color:#66cdaa; 
    border-bottom-width:4pt; 
    font-family:monospace; 
    font-size:128%; 
    border-bottom-style:inset; 
    border-bottom-color:#48d1cc;
  }
//-->
</style>

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

Der hier verwendete HTML-Tag acronym ist in der HTML Referenz bei <acronym> ausführlich beschrieben.