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

Schriftfarbwert #c0c0c0

DetailHintergrund red DetailSchrift #c0c0c0 
Farbe :redFarbwert :#c0c0c0
Farbwert :#ff0000Farbe :silver
HTML:redHTML:#c0c0c0
HTML (Wert):#ff0000HTML (Wert):#c0c0c0
CSS:redCSS:#c0c0c0
CSS (Wert):#ff0000CSS (Wert):#c0c0c0
CSS (kürzest):#f00CSS (kürzest):#c0c0c0
CSS (RGB):rgb(255,0,0)CSS (RGB):rgb(192,192,192)
CSS (%RGB):rgb(100%,0%,0%)CSS (%RGB):rgb(75%,75%,75%)

Verlauf Hintergrundfarbe red nach Schriftfarbwert #c0c0c0

#ff0000#f61b1b#ed3636#e45252#db6d6d#d28989#c9a4a4#c0c0c0
#ff0000#f61b1b#ed3636#e45252#db6d6d#d28989#c9a4a4#c0c0c0

Kombination von red und #c0c0c0

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

#c0c0c0 eignet sich nicht als Schriftfarbe auf Hintergrund red, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Die Ähnlichkeit der Farben #c0c0c0 und red beträgt 89.53%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 10.47%.

Hintergrundfarbe red

Schriftfarbwert #c0c0c0

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#ff0000#ff0000#ff0000#ff0000#c0c0c0#c0c0c0#c0c0c0#c0c0c0
#ff2424#ff2424#da0000#da0000#c9c9c9#c9c9c9#a4a4a4#a4a4a4
#ff4848#ff4848#b60000#b60000#d2d2d2#d2d2d2#898989#898989
#ff6d6d#ff6d6d#910000#910000#dbdbdb#dbdbdb#6d6d6d#6d6d6d
#ff9191#ff9191#6d0000#6d0000#e4e4e4#e4e4e4#525252#525252
#ffb6b6#ffb6b6#480000#480000#ededed#ededed#363636#363636
#ffdada#ffdada#240000#240000#f6f6f6#f6f6f6#1b1b1b#1b1b1b
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbe red und Farbwert #c0c0c0

Wechsel der Textfarbe bei Hover bei Tag p

Die Textfarbe soll sich von Farbe red auf Farbwert #c0c0c0 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <p> in Farbe red vor.

Für dieses Beispiel ändern wir bei <p> die Textfarbe auf Farbe red. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  p { 
    font-family: verdana; 
    color: red;
  }
//-->
</style>
Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #c0c0c0 gesetzt wird.
<style type="text/css"><!--
  p: hover { 
    color: #c0c0c0;
  }
//-->
</style>

Mehr zum Thema p finden Sie in Grundlegende Gestaltungselemente in HTML. Der HTML-Tag p ist in der HTML Referenz unter <p> ausführlich beschrieben.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen