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

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

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

Verlauf Hintergrundfarbwert #c0c0c0 nach Schriftfarbwert #008000

#c0c0c0#a4b6a4#89ad89#6da46d#529b52#369236#1b891b#008000
#c0c0c0#a4b6a4#89ad89#6da46d#529b52#369236#1b891b#008000

Kombination von #c0c0c0 und #008000

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

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

Die Ähnlichkeit von #008000 und #c0c0c0 ergibt sich zu 86.55%. Die Lesbarkeit dieser Farbkombination liegt damit bei 13.45%.

Hintergrundfarbwert #c0c0c0

Schriftfarbwert #008000

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#c0c0c0#c0c0c0#c0c0c0#c0c0c0#008000#008000#008000#008000
#c9c9c9#c9c9c9#a4a4a4#a4a4a4#249224#249224#006d00#006d00
#d2d2d2#d2d2d2#898989#898989#48a448#48a448#005b00#005b00
#dbdbdb#dbdbdb#6d6d6d#6d6d6d#6db66d#6db66d#004900#004900
#e4e4e4#e4e4e4#525252#525252#91c891#91c891#003600#003600
#ededed#ededed#363636#363636#b6dab6#b6dab6#002400#002400
#f6f6f6#f6f6f6#1b1b1b#1b1b1b#daecda#daecda#001200#001200
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbwert #c0c0c0 und Farbwert #008000

Zebra-Effekt mit HTML-Tag th

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <th> mit den Hintergrundfarben Farbwert #c0c0c0 und Farbwert #008000.

<style type="text/css"><!--
  th.ger { 
    background-color:#c0c0c0;
  }
  th.ung { 
    background-color:#008000;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="ger">Y1/1</td><td class="ung">Y2/1</td><td class="ger">Y3/1</td></tr>
<tr><td class="ger">Y1/2</td><td class="ung">Y2/2</td><td class="ger">Y3/2</td></tr>
<tr><td class="ger">Y1/3</td><td class="ung">Y2/3</td><td class="ger">Y3/3</td></tr>
</table>

Mehr zum Thema finden Sie in Tabellen in HTML. Möglichkeiten des hier genutzten HTML-Tag <th>.

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