Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #0000ff und Farbwert #808000

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 #0000ff

Schriftfarbwert #808000

DetailHintergrund #0000ff DetailSchrift #808000 
Farbwert :#0000ffFarbwert :#808000
Farbe :blueFarbe :olive
HTML:#0000ffHTML:#808000
HTML (Wert):#0000ffHTML (Wert):#808000
CSS:#0000ffCSS:#808000
CSS (Wert):#0000ffCSS (Wert):#808000
CSS (kürzest):#00fCSS (kürzest):#808000
CSS (RGB):rgb(0,0,255)CSS (RGB):rgb(128,128,0)
CSS (%RGB):rgb(0%,0%,100%)CSS (%RGB):rgb(50%,50%,0%)

Verlauf Hintergrundfarbwert #0000ff nach Schriftfarbwert #808000

#0000ff#1212da#2424b6#363691#49496d#5b5b48#6d6d24#808000
#0000ff#1212da#2424b6#363691#49496d#5b5b48#6d6d24#808000

Kombination von #0000ff und #808000

Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.

Die Ähnlichkeit von #808000 und #0000ff beträgt 90.25%. Die Lesbarkeit dieser Kombination liegt damit bei 9.75%.

#808000 eignet sich nicht als Schriftfarbe auf Hintergrund #0000ff. Zwar ist der Farbunterschied gut, doch der Helligkeitsunterschied ist zu gering.

Hintergrundfarbwert #0000ff

Schriftfarbwert #808000

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#0000ff#0000ff#0000ff#0000ff#808000#808000#808000#808000
#2424ff#2424ff#0000da#0000da#929224#929224#6d6d00#6d6d00
#4848ff#4848ff#0000b6#0000b6#a4a448#a4a448#5b5b00#5b5b00
#6d6dff#6d6dff#000091#000091#b6b66d#b6b66d#494900#494900
#9191ff#9191ff#00006d#00006d#c8c891#c8c891#363600#363600
#b6b6ff#b6b6ff#000048#000048#dadab6#dadab6#242400#242400
#dadaff#dadaff#000024#000024#ececda#ececda#121200#121200
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbwert #0000ff und Farbwert #808000

Text- und Unterstreichungsfarben mit HTML-Tag a

Einen Link setzen Sie mit Befehl <a>. Diesen können Sie farblich gestalten und hervorheben.

Hier ändern wir die Textfarbe von <a> auf Farbwert #808000. Die Schriftart setzen wir auf verdana und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gezahnten Rahmens mit 3 Punkte Dicke in Farbwert #0000ff. Mit HTML ist das kaum machbar. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  a { 
    border-bottom: 3pt ridge #00f; 
    font-size: 13px; 
    color: #808000; 
    font-family: verdana;
  }
//-->
</style>

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

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML finden. Möglichkeiten vom HTML-Tag <a>.

Hintergrund/Text-Kombination mit Tag kbd

Hier ändern wir die Textfarbe von <kbd> auf Farbwert #808000 und die Hintergrundfarbe von <kbd> auf Farbwert #0000ff. Als Schriftart setzen wir verdana und als Schriftgröße entscheiden wir uns für 93%.

<style type="text/css"><!--
  kbd { 
    font-size:93%; 
    font-family:verdana; 
    color:#808000; 
    background-color:#0000ff;
  }
//-->
</style>

Mehr zum Thema kbd können Sie in Text in HTML lesen. Einzelheiten vom hier gezeigten HTML-Befehl <kbd>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen