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

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

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

Verlauf Hintergrundfarbe silver nach Schriftfarbwert #ff0000

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

Kombination von silver und #ff0000

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

#ff0000 ist nicht als Schriftfarbe auf Hintergrund silver geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

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

Hintergrundfarbe silver

Schriftfarbwert #ff0000

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

Beispiele zur Kombination von Farbe silver und Farbwert #ff0000

Wechsel der Umrandung bei Hover bei Tag label

Die Rahmenfarbe soll sich von Farbe silver auf Farbwert #ff0000 ändern, wenn man mit der Maus auf <label> zeigt. Bereiten wir zunächst eine Formatierung von <label> in Farbe silver vor.

In diesem Beispiel umranden wir <label> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbe silver.

<style type="text/css"><!--
  label { border:1px inset silver; }
//-->
</style>
Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #ff0000 geändert wird.
<style type="text/css"><!--
  label: hover { 
    border-color: #f00;
  }
//-->
</style>

Mehr zum Thema label lesen Sie in Formulare in HTML. Einzelheiten des Tag label finden Sie in der HTML Referenz unter <label>.

Text- und Unterstreichungsfarben bei HTML-Befehl address

Bei diesem Beispiel ändern wir die Textfarbe von <address> auf Farbwert #ff0000 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf verdana. Die Schriftgröße erhöhen wir auf 125%. Wir unterstreichen den Inhalt von <address> mit Hilfe eines herausstehenden Rahmens mit 1 Pixel Dicke in Farbe silver. Das geht mit HTML nicht. Wir nutzen daher CSS.

<style type="text/css"><!--
  address { 
    color: #f00; 
    font-size: 125%; 
    border-bottom-style: outset; 
    font-family: verdana; 
    border-bottom-color: silver; 
    border-bottom-width: 1px;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema finden Sie in Blockorientierte Elemente in HTML. Weiteres zum hier verwendeten Befehl <address>.

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