Ressourcen: 17 HTML Standard Farbnamen - Kombinationen mit Farbe navy

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 navy

DetailHintergrundfarbe navy Verlauf nach WeißVerlauf nach Schwarz
Farbe :navy#000080#000080#000080#000080
Farbwert :#000080#242492#242492#00006d#00006d
HTML:navy#4848a4#4848a4#00005b#00005b
CSS:navy#6d6db6#6d6db6#000049#000049
CSS (Wert):#000080#9191c8#9191c8#000036#000036
CSS (kürzest):#000080#b6b6da#b6b6da#000024#000024
CSS (RGB):rgb(0,0,128)#dadaec#dadaec#000012#000012
CSS (%RGB):rgb(0%,0%,50%)#ffffff#ffffff#000000#000000

Beispiel zur Kombination mit Farbe navy

Farbige Unterstreichung von Tag h3

Mit HTML-Befehl <h3> erzeugen Sie eine Überschrift der 3. Stufe und kann farblich gestaltet und hervorgehoben werden.

In diesem Beispiel unterstreichen wir <h3> mit Hilfe eines gefurchten Rahmens mit 5 Pixel Dicke in Farbe navy. Mit HTML geht dies nicht. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  h3 { border-bottom:5px groove navy; }
//-->
</style>

Die Idee ist, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Manchmal sieht man dies bei Links. Der Text ist in einer Farbe. Die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine wirkliche Unterstreichung, der Text hat keine Unterstreichung. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Möglichkeiten des hier verwendeten HTML-Tag h3 lesen Sie in der HTML Referenz unter <h3>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen