Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe blue und 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.

Hintergrundfarbe blue

Schriftfarbwert #c0c0c0

DetailHintergrund blue DetailSchrift #c0c0c0 
Farbe :blueFarbwert :#c0c0c0
Farbwert :#0000ffFarbe :silver
HTML:blueHTML:#c0c0c0
HTML (Wert):#0000ffHTML (Wert):#c0c0c0
CSS:blueCSS:#c0c0c0
CSS (Wert):#0000ffCSS (Wert):#c0c0c0
CSS (kürzest):#00fCSS (kürzest):#c0c0c0
CSS (RGB):rgb(0,0,255)CSS (RGB):rgb(192,192,192)
CSS (%RGB):rgb(0%,0%,100%)CSS (%RGB):rgb(75%,75%,75%)

Verlauf Hintergrundfarbe blue nach Schriftfarbwert #c0c0c0

#0000ff#1b1bf6#3636ed#5252e4#6d6ddb#8989d2#a4a4c9#c0c0c0
#0000ff#1b1bf6#3636ed#5252e4#6d6ddb#8989d2#a4a4c9#c0c0c0

Kombination von blue und #c0c0c0

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.

#c0c0c0 ist nicht als Schriftfarbe auf Hintergrund blue geeignet, da der Farbunterschied zu gering ist

Die Ähnlichkeit der Farben #c0c0c0 und blue beträgt 77.51%. Die Lesbarkeit dieser Kombination ergibt sich zu 22.49%.

Hintergrundfarbe blue

Schriftfarbwert #c0c0c0

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#0000ff#0000ff#0000ff#0000ff#c0c0c0#c0c0c0#c0c0c0#c0c0c0
#2424ff#2424ff#0000da#0000da#c9c9c9#c9c9c9#a4a4a4#a4a4a4
#4848ff#4848ff#0000b6#0000b6#d2d2d2#d2d2d2#898989#898989
#6d6dff#6d6dff#000091#000091#dbdbdb#dbdbdb#6d6d6d#6d6d6d
#9191ff#9191ff#00006d#00006d#e4e4e4#e4e4e4#525252#525252
#b6b6ff#b6b6ff#000048#000048#ededed#ededed#363636#363636
#dadaff#dadaff#000024#000024#f6f6f6#f6f6f6#1b1b1b#1b1b1b
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe blue und Farbwert #c0c0c0

Füllen und Umranden von Tag a

Mit Tag <a> setzen Sie einen Verweis. Er kann farblich gestaltet werden.

Hier umranden wir <a> mit einem gestrichelten, 3 Pixel dicken Rahmen in Farbwert #c0c0c0 . Die Hintergrundfarbe für <a> setzen wir entsprechend auf Farbe blue. Das geht in HTML nicht. Deshalb nutzen wir dafür CSS.

<style type="text/css"><!--
  a { 
    background-color:blue; 
    border-width:3px; 
    border-color:#c0c0c0; 
    border-style:dashed;
  }
//-->
</style>

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML finden. Weiteres zum Befehl a ist in der HTML Referenz bei <a> genau beschrieben.

Hintergrund/Text-Kombination von HTML-Tag p

Hier ändern wir die Textfarbe von <p> auf Farbwert #c0c0c0 und die Hintergrundfarbe von <p> auf Farbe blue. Als Schriftart setzen wir arial und verkleinern die Schriftgröße auf 90%.

<style type="text/css"><!--
  p { 
    font-size:90%; 
    font-family:arial; 
    color:#c0c0c0; 
    background-color:blue;
  }
//-->
</style>

Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Weiteres zum HTML-Tag p erfahren Sie in der HTML Referenz unter <p>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen