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

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

Schriftfarbe black

DetailHintergrund #800080 DetailSchrift black 
Farbwert :#800080Farbe :black
Farbe :purpleFarbwert :#000000
HTML:#800080HTML:black
HTML (Wert):#800080HTML (Wert):#000000
CSS:#800080CSS:black
CSS (Wert):#800080CSS (Wert):#000000
CSS (kürzest):#800080CSS (kürzest):#000
CSS (RGB):rgb(128,0,128)CSS (RGB):rgb(0,0,0)
CSS (%RGB):rgb(50%,0%,50%)CSS (%RGB):rgb(0%,0%,0%)

Verlauf Hintergrundfarbwert #800080 nach Schriftfarbe black

#800080#6d006d#5b005b#490049#360036#240024#120012#000000
#800080#6d006d#5b005b#490049#360036#240024#120012#000000

Kombination von #800080 und black

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

black ist nicht als Schriftfarbe auf Hintergrund #800080 geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Die Ähnlichkeit von black und #800080 beträgt 89.38%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 10.62%.

Hintergrundfarbwert #800080

Schriftfarbe black

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#800080#800080#800080#800080#000000#000000#000000#000000
#922492#922492#6d006d#6d006d#242424#242424#000000#000000
#a448a4#a448a4#5b005b#5b005b#484848#484848#000000#000000
#b66db6#b66db6#490049#490049#6d6d6d#6d6d6d#000000#000000
#c891c8#c891c8#360036#360036#919191#919191#000000#000000
#dab6da#dab6da#240024#240024#b6b6b6#b6b6b6#000000#000000
#ecdaec#ecdaec#120012#120012#dadada#dadada#000000#000000
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbwert #800080 und Farbe black

Füllen und Umranden mit HTML-Befehl a

Mit HTML-Tag <a> wird ein Verweis gesetzt. Diesen kann man hervorheben und farblich gestalten.

Für dieses Beispiel umranden wir <a> mit einem gestrichelten, 2 Pixel dicken Rahmen in Farbe black . Die Hintergrundfarbe für <a> färben wir mit Farbwert #800080. Dies ist mit HTML kaum möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  a { 
    background-color:#800080; 
    border-color:black; 
    border-width:2px; 
    border-style:dashed;
  }
//-->
</style>

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML lesen. Die Beschreibung vom hier verwendeten Befehl a lesen Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination von Tag p

Hier ändern wir die Textfarbe von <p> auf Farbe black und die Hintergrundfarbe von <p> auf Farbwert #800080. Die Schriftart ändern wir auf verdana und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  p { 
    background-color:#800080; 
    font-family:verdana; 
    color:black; 
    font-size:13px;
  }
//-->
</style>

Weiteres zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Möglichkeiten vom hier gezeigten Tag <p>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen