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

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 #800080

DetailHintergrund #c0c0c0 DetailSchrift #800080 
Farbwert :#c0c0c0Farbwert :#800080
Farbe :silverFarbe :purple
HTML:#c0c0c0HTML:#800080
HTML (Wert):#c0c0c0HTML (Wert):#800080
CSS:#c0c0c0CSS:#800080
CSS (Wert):#c0c0c0CSS (Wert):#800080
CSS (kürzest):#c0c0c0CSS (kürzest):#800080
CSS (RGB):rgb(192,192,192)CSS (RGB):rgb(128,0,128)
CSS (%RGB):rgb(75%,75%,75%)CSS (%RGB):rgb(50%,0%,50%)

Verlauf Hintergrundfarbwert #c0c0c0 nach Schriftfarbwert #800080

#c0c0c0#b6a4b6#ad89ad#a46da4#9b529b#923692#891b89#800080
#c0c0c0#b6a4b6#ad89ad#a46da4#9b529b#923692#891b89#800080

Kombination von #c0c0c0 und #800080

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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.

Die Ähnlichkeit von #800080 und #c0c0c0 beträgt 75.35%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 24.65%.

#800080 eignet sich nicht als Schriftfarbe auf Hintergrund #c0c0c0. Zwar ist der Helligkeitsunterschied gut, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbwert #c0c0c0

Schriftfarbwert #800080

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#c0c0c0#c0c0c0#c0c0c0#c0c0c0#800080#800080#800080#800080
#c9c9c9#c9c9c9#a4a4a4#a4a4a4#922492#922492#6d006d#6d006d
#d2d2d2#d2d2d2#898989#898989#a448a4#a448a4#5b005b#5b005b
#dbdbdb#dbdbdb#6d6d6d#6d6d6d#b66db6#b66db6#490049#490049
#e4e4e4#e4e4e4#525252#525252#c891c8#c891c8#360036#360036
#ededed#ededed#363636#363636#dab6da#dab6da#240024#240024
#f6f6f6#f6f6f6#1b1b1b#1b1b1b#ecdaec#ecdaec#120012#120012
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbwert #c0c0c0 und Farbwert #800080

Zebra-Effekt mit HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom Zebra-Effekt. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit den Hintergrundfarben Farbwert #c0c0c0 und Farbwert #800080.

<style type="text/css"><!--
  tr.ungerade { 
    background-color: #c0c0c0;
  }
  tr.gerade { 
    background-color:#800080;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd angewendet.

<table>
<tr class="ungerade"><td>Wa/a</td><td>Wb/a</td><td>Wc/a</td></tr>
<tr class="gerade"><td>Wa/b</td><td>Wb/b</td><td>Wc/b</td></tr>
<tr class="ungerade"><td>Wa/c</td><td>Wb/c</td><td>Wc/c</td></tr>
</table>

Mehr zum Thema tr finden Sie in Tabellen in HTML. Die Beschreibung vom hier gezeigten Tag tr finden Sie in der HTML Referenz unter <tr>.

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