von Thomas Salvador.
Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.
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 #db7093 | ||||||
| Detail | : | Hintergrundfarbwert #db7093 | Verlauf nach Weiß | Verlauf nach Schwarz | ||
| Farbwert | : | #db7093 | #db7093 | #db7093 | #db7093 | #db7093 |
| Farbe | : | palevioletred | #e084a2 | #e084a2 | #bb607e | #bb607e |
| HTML | : | #db7093 | #e598b1 | #e598b1 | #9c5069 | #9c5069 |
| CSS | : | #db7093 | #eaadc1 | #eaadc1 | #7d4054 | #7d4054 |
| CSS (Wert) | : | #db7093 | #efc1d0 | #efc1d0 | #5d303f | #5d303f |
| CSS (kürzest) | : | #db7093 | #f4d6e0 | #f4d6e0 | #3e202a | #3e202a |
| CSS (RGB) | : | rgb(219,112,147) | #f9eaef | #f9eaef | #1f1015 | #1f1015 |
| CSS (%RGB) | : | rgb(85%,43%,57%) | #ffffff | #ffffff | #000000 | #000000 |
Für dieses Beispiel setzen wir bei <pre> die Hintergrundfarbe auf Farbwert #db7093 und ändern die Größe der Schrift auf 10px:
<pre style="font-size:10px; background-color:#db7093;"> Dieser pre-Hintergrund ist in Farbwert #db7093 </pre>
Weiteres zum Thema pre können Sie in Blockorientierte Elemente in HTML nachsehen. Mehr zum hier verwendeten HTML-Tag <pre>.
In diesem Beispiel umranden wir <samp> mit einem 3 Pixel dicken, herausstehenden Rahmen in Farbwert #db7093. In HTML ist dies nicht machbar. Deshalb nutzen wir CSS.
<style type="text/css"><!-- samp { border-style: outset; border-color: #db7093; border-width: 3px; } //--> </style>
Mehr zum Thema samp können Sie in Text in HTML nachsehen. Möglichkeiten des HTML-Befehl <samp>.