Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe silver und Farbwert #ffffff

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 silver

Schriftfarbwert #ffffff

DetailHintergrund silver DetailSchrift #ffffff 
Farbe :silverFarbwert :#ffffff
Farbwert :#c0c0c0Farbe :white
HTML:silverHTML:#ffffff
HTML (Wert):#c0c0c0HTML (Wert):#ffffff
CSS:silverCSS:#ffffff
CSS (Wert):#c0c0c0CSS (Wert):#ffffff
CSS (kürzest):#c0c0c0CSS (kürzest):#fff
CSS (RGB):rgb(192,192,192)CSS (RGB):rgb(255,255,255)
CSS (%RGB):rgb(75%,75%,75%)CSS (%RGB):rgb(100%,100%,100%)

Verlauf Hintergrundfarbe silver nach Schriftfarbwert #ffffff

#c0c0c0#c9c9c9#d2d2d2#dbdbdb#e4e4e4#ededed#f6f6f6#ffffff
#c0c0c0#c9c9c9#d2d2d2#dbdbdb#e4e4e4#ededed#f6f6f6#ffffff

Kombination von silver und #ffffff

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

Die Ähnlichkeit von #ffffff und silver ergibt sich zu 91.34%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 8.66%.

#ffffff eignet sich nicht als Schriftfarbe auf Hintergrund silver. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe silver

Schriftfarbwert #ffffff

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#c0c0c0#c0c0c0#c0c0c0#c0c0c0#ffffff#ffffff#ffffff#ffffff
#c9c9c9#c9c9c9#a4a4a4#a4a4a4#ffffff#ffffff#dadada#dadada
#d2d2d2#d2d2d2#898989#898989#ffffff#ffffff#b6b6b6#b6b6b6
#dbdbdb#dbdbdb#6d6d6d#6d6d6d#ffffff#ffffff#919191#919191
#e4e4e4#e4e4e4#525252#525252#ffffff#ffffff#6d6d6d#6d6d6d
#ededed#ededed#363636#363636#ffffff#ffffff#484848#484848
#f6f6f6#f6f6f6#1b1b1b#1b1b1b#ffffff#ffffff#242424#242424
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe silver und Farbwert #ffffff

Zebra-Effekt bei Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom so genannten Zebra-Effekt. Er unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit unterschiedlichen Hintergrundfarben Farbe silver und Farbwert #ffffff.

<style type="text/css"><!--
  tr.odd { 
    background-color: silver;
  }
  tr.even { 
    background-color:#fff;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr class="odd"><td>Xa/a</td><td>Xb/a</td><td>Xc/a</td></tr>
<tr class="even"><td>Xa/b</td><td>Xb/b</td><td>Xc/b</td></tr>
<tr class="odd"><td>Xa/c</td><td>Xb/c</td><td>Xc/c</td></tr>
</table>

Mehr zum Thema lesen Sie in Tabellen in HTML. Weiteres zum hier genutzten HTML-Befehl tr ist in der HTML Referenz unter <tr> genau beschrieben.

Hintergrund/Text-Kombination von Befehl a

Mit Tag <a> wird ein Verweis erzeugt. Dieser kann farblich gestaltet werden.

Hier ändern wir die Textfarbe von <a> auf Farbwert #ffffff und die Hintergrundfarbe von <a> auf Farbe silver. Als Schriftart wählen wir verdana. Die Schriftgröße setzen wir auf 93%.

<style type="text/css"><!--
  a { 
    font-size:93%; 
    color:#ffffff; 
    background-color:silver; 
    font-family:verdana;
  }
//-->
</style>

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML nachlesen. Mehr zum hier gezeigten Befehl a erfahren Sie in der HTML Referenz unter <a>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen