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

Schriftfarbwert #c0c0c0

DetailHintergrund fuchsia DetailSchrift #c0c0c0 
Farbe :fuchsiaFarbwert :#c0c0c0
Farbwert :#ff00ffFarbe :silver
HTML:fuchsiaHTML:#c0c0c0
HTML (Wert):#ff00ffHTML (Wert):#c0c0c0
CSS:fuchsiaCSS:#c0c0c0
CSS (Wert):#ff00ffCSS (Wert):#c0c0c0
CSS (kürzest):#f0fCSS (kürzest):#c0c0c0
CSS (RGB):rgb(255,0,255)CSS (RGB):rgb(192,192,192)
CSS (%RGB):rgb(100%,0%,100%)CSS (%RGB):rgb(75%,75%,75%)

Verlauf Hintergrundfarbe fuchsia nach Schriftfarbwert #c0c0c0

#ff00ff#f61bf6#ed36ed#e452e4#db6ddb#d289d2#c9a4c9#c0c0c0
#ff00ff#f61bf6#ed36ed#e452e4#db6ddb#d289d2#c9a4c9#c0c0c0

Kombination von fuchsia und #c0c0c0

Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.

Die Ähnlichkeit der Farben #c0c0c0 und fuchsia ergibt sich zu 91.79%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 8.21%.

#c0c0c0 ist nicht als Schriftfarbe auf Hintergrund fuchsia geeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe fuchsia

Schriftfarbwert #c0c0c0

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#ff00ff#ff00ff#ff00ff#ff00ff#c0c0c0#c0c0c0#c0c0c0#c0c0c0
#ff24ff#ff24ff#da00da#da00da#c9c9c9#c9c9c9#a4a4a4#a4a4a4
#ff48ff#ff48ff#b600b6#b600b6#d2d2d2#d2d2d2#898989#898989
#ff6dff#ff6dff#910091#910091#dbdbdb#dbdbdb#6d6d6d#6d6d6d
#ff91ff#ff91ff#6d006d#6d006d#e4e4e4#e4e4e4#525252#525252
#ffb6ff#ffb6ff#480048#480048#ededed#ededed#363636#363636
#ffdaff#ffdaff#240024#240024#f6f6f6#f6f6f6#1b1b1b#1b1b1b
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe fuchsia und Farbwert #c0c0c0

Text- und Unterstreichungsfarben von Tag strong

Hier ändern wir die Textfarbe von <strong> auf Farbwert #c0c0c0. Die Schriftart ändern wir auf monospace. Die Schriftgröße ändern wir auf 9px. Wir unterstreichen den Inhalt von <strong> mit Hilfe eines gepunkteten Rahmens mit 1 Punkte Dicke in Farbe fuchsia. Das ist in HTML nicht möglich. Deshalb verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  strong { 
    font-family: monospace; 
    color: #c0c0c0; 
    font-size: 9px; 
    border-bottom-style: dotted; 
    border-bottom-color: fuchsia; 
    border-bottom-width: 1pt;
  }
//-->
</style>

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

Mehr zum Thema lesen Sie in Text in HTML. Die Beschreibung vom hier genutzten HTML-Befehl strong erfahren Sie in der HTML Referenz unter <strong>.

Füllen und Umranden mit Befehl address

Für dieses Beispiel umranden wir <address> mit einem 4 Punkte dicken, gefurchten Rahmen in Farbwert #c0c0c0 . Den Hintergrund von <address> färben wir mit Farbe fuchsia. Mit HTML geht dies nicht. Daher verwenden wir CSS.

<style type="text/css"><!--
  address { border:4pt groove #c0c0c0; background-color:fuchsia; }
//-->
</style>

Mehr zum Thema address lesen Sie in Blockorientierte Elemente in HTML. Die Beschreibung des hier genutzten HTML-Befehl address lesen Sie in der HTML Referenz unter <address>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen