Ressourcen: 17 HTML Standard Farbnamen - Kombinationen mit Farbwert #c0c0c0

von Thomas Salvador.

Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbwert #c0c0c0

DetailHintergrundfarbwert #c0c0c0 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#c0c0c0#c0c0c0#c0c0c0#c0c0c0#c0c0c0
Farbe :silver#c9c9c9#c9c9c9#a4a4a4#a4a4a4
HTML:#c0c0c0#d2d2d2#d2d2d2#898989#898989
CSS:#c0c0c0#dbdbdb#dbdbdb#6d6d6d#6d6d6d
CSS (Wert):#c0c0c0#e4e4e4#e4e4e4#525252#525252
CSS (kürzest):#c0c0c0#ededed#ededed#363636#363636
CSS (RGB):rgb(192,192,192)#f6f6f6#f6f6f6#1b1b1b#1b1b1b
CSS (%RGB):rgb(75%,75%,75%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #c0c0c0

Farbige Unterstreichung bei Befehl caption

Beispielsweise unterstreichen wir <caption> mit einem doppelten Rahmen mit 3 Pixel Dicke in Farbwert #c0c0c0. Das ist mit HTML so kaum möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  caption { border-bottom:3px double #c0c0c0; }
//-->
</style>

Die Idee ist dabei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sieht man dies bei Links. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine "wirkliche" Unterstreichung, der Text ist gar nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Weiteres zum Thema können Sie in Tabellen in HTML erfahren. Die Beschreibung des Tag caption lesen Sie in der HTML Referenz unter <caption>.

Änderung der Unterstreichung bei Hover von HTML-Befehl a

Einen Hyperlink erzeugen Sie mit HTML-Tag <a>. Dieser kann farblich gestaltet werden.

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

Dafür stellen wir <a> so ein, dass bei Berührung mit der Maus die Unterstreichungsfarbe auf Farbwert #c0c0c0 gesetzt wird.
<style type="text/css"><!--
  a: hover { 
    border-bottom-color: #c0c0c0;
  }
//-->
</style>

Weiteres zum Thema a lesen Sie in Verweise und Protokolle in HTML. Zur Beschreibung des hier verwendeten Tag <a>.

Tabelle der 17 HTML Farbnamen

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
aqua #00ffff         +  aqua #00ffff aqua / #c0c0c0
black #000000         +  black #000000 black / #c0c0c0
blue #0000ff         +  blue #0000ff blue / #c0c0c0
fuchsia #ff00ff         +  fuchsia #ff00ff fuchsia / #c0c0c0
gray #808080         +  gray #808080 gray / #c0c0c0
grey #808080         +  grey #808080 grey / #c0c0c0
green #008000         +  green #008000 green / #c0c0c0
lime #00ff00         +  lime #00ff00 lime / #c0c0c0
maroon #800000         +  maroon #800000 maroon / #c0c0c0
navy #000080         +  navy #000080 navy / #c0c0c0
olive #808000         +  olive #808000 olive / #c0c0c0
purple #800080         +  purple #800080 purple / #c0c0c0
red #ff0000         +  red #ff0000 red / #c0c0c0
silver #c0c0c0         +  silver #c0c0c0 silver / #c0c0c0
teal #008080         +  teal #008080 teal / #c0c0c0
white #ffffff         +  white #ffffff white / #c0c0c0
yellow #ffff00         +  yellow #ffff00 yellow / #c0c0c0

Weitere Farbtabellen