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

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

Schriftfarbwert #0000ff

DetailHintergrund #c0c0c0 DetailSchrift #0000ff 
Farbwert :#c0c0c0Farbwert :#0000ff
Farbe :silverFarbe :blue
HTML:#c0c0c0HTML:#0000ff
HTML (Wert):#c0c0c0HTML (Wert):#0000ff
CSS:#c0c0c0CSS:#0000ff
CSS (Wert):#c0c0c0CSS (Wert):#0000ff
CSS (kürzest):#c0c0c0CSS (kürzest):#00f
CSS (RGB):rgb(192,192,192)CSS (RGB):rgb(0,0,255)
CSS (%RGB):rgb(75%,75%,75%)CSS (%RGB):rgb(0%,0%,100%)

Verlauf Hintergrundfarbwert #c0c0c0 nach Schriftfarbwert #0000ff

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

Kombination von #c0c0c0 und #0000ff

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.

#0000ff ist nicht als Schriftfarbe auf Hintergrund #c0c0c0 geeignet, da der Unterschied in den Farben nicht ausreichend ist

Die Ähnlichkeit von #0000ff und #c0c0c0 ergibt sich zu 77.51%. Die Lesbarkeit dieser Kombination liegt damit bei 22.49%.

Hintergrundfarbwert #c0c0c0

Schriftfarbwert #0000ff

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

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

Füllen und Umranden von HTML-Befehl a

Einen Hyperlink erzeugt man mit Tag <a>. Dieser kann farblich gestaltet und hervorgehoben werden.

Hier umranden wir <a> mit einem . Die Hintergrundfarbe für <a> setzen wir auf Farbwert #c0c0c0. Das geht mit HTML kaum. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  a { 
    border-color:#00f; 
    border-width:3pt; 
    background-color:#c0c0c0; 
    border-style:inset;
  }
//-->
</style>

Mehr zu a lesen Sie in Verweise und Protokolle in HTML. Zur Beschreibung vom hier genutzten Befehl <a>.

Hintergrund/Text-Kombination von Tag p

Hier ändern wir die Textfarbe von <p> auf Farbwert #0000ff und die Hintergrundfarbe von <p> auf Farbwert #c0c0c0. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße verkleinern wir auf 81%.

<style type="text/css"><!--
  p { 
    color:#00f; 
    font-family:sans-serif; 
    background-color:#c0c0c0; 
    font-size:81%;
  }
//-->
</style>

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Mehr zum Tag p ist in der HTML Referenz bei <p> ausführlich beschrieben.

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