Ressourcen: 17 HTML Standard Farbnamen - Kombinationen mit Farbe teal

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.

Hintergrundfarbe teal

DetailHintergrundfarbe teal Verlauf nach WeißVerlauf nach Schwarz
Farbe :teal#008080#008080#008080#008080
Farbwert :#008080#249292#249292#006d6d#006d6d
HTML:teal#48a4a4#48a4a4#005b5b#005b5b
CSS:teal#6db6b6#6db6b6#004949#004949
CSS (Wert):#008080#91c8c8#91c8c8#003636#003636
CSS (kürzest):#008080#b6dada#b6dada#002424#002424
CSS (RGB):rgb(0,128,128)#daecec#daecec#001212#001212
CSS (%RGB):rgb(0%,50%,50%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe teal

Umrandung von Tag center

In diesem Beispiel umranden wir <center> mit einem 4 Pixel dicken, einfallenden Rahmen in Farbe teal. In HTML ist dies kaum machbar. Daher nutzen wir CSS zur Formatierung.

<style type="text/css"><!--
  center { 
    border-width:4px; 
    border-color:teal; 
    border-style:inset;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung vom hier verwendeten HTML-Tag <center>.

Farbige Unterstreichung bei HTML-Tag a

Einen Link erzeugt man mit HTML-Befehl <a>. Dieser kann farblich gestaltet und hervorgehoben werden.

In diesem Beispiel unterstreichen wir <a> mit Hilfe eines gepunkteten Rahmens mit 2 Pixel Dicke in Farbe teal. Dies geht in HTML kaum. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  a { 
    border-bottom-color:teal; 
    border-bottom-width:2px; 
    border-bottom-style:dotted;
  }
//-->
</style>

Die Idee ist dabei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu verwenden. Manchmal sehen Sie dies bei Links. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine wirkliche Unterstreichung, der Text selbst hat keine Unterstreichung. Sie wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachsehen. Beschreibung vom HTML-Tag <a>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen