Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #800080 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.

Hintergrundfarbwert #800080

Schriftfarbwert #ff0000

DetailHintergrund #800080 DetailSchrift #ff0000 
Farbwert :#800080Farbwert :#ff0000
Farbe :purpleFarbe :red
HTML:#800080HTML:#ff0000
HTML (Wert):#800080HTML (Wert):#ff0000
CSS:#800080CSS:#ff0000
CSS (Wert):#800080CSS (Wert):#ff0000
CSS (kürzest):#800080CSS (kürzest):#f00
CSS (RGB):rgb(128,0,128)CSS (RGB):rgb(255,0,0)
CSS (%RGB):rgb(50%,0%,50%)CSS (%RGB):rgb(100%,0%,0%)

Verlauf Hintergrundfarbwert #800080 nach Schriftfarbwert #ff0000

#800080#92006d#a4005b#b60049#c80036#da0024#ec0012#ff0000
#800080#92006d#a4005b#b60049#c80036#da0024#ec0012#ff0000

Kombination von #800080 und #ff0000

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

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

Die Ähnlichkeit von #ff0000 und #800080 beträgt 88.78%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 11.22%.

Hintergrundfarbwert #800080

Schriftfarbwert #ff0000

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#800080#800080#800080#800080#ff0000#ff0000#ff0000#ff0000
#922492#922492#6d006d#6d006d#ff2424#ff2424#da0000#da0000
#a448a4#a448a4#5b005b#5b005b#ff4848#ff4848#b60000#b60000
#b66db6#b66db6#490049#490049#ff6d6d#ff6d6d#910000#910000
#c891c8#c891c8#360036#360036#ff9191#ff9191#6d0000#6d0000
#dab6da#dab6da#240024#240024#ffb6b6#ffb6b6#480000#480000
#ecdaec#ecdaec#120012#120012#ffdada#ffdada#240000#240000
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbwert #800080 und Farbwert #ff0000

Hintergrund/Text-Kombination von Tag address

Für dieses Beispiel ändern wir die Textfarbe von <address> auf Farbwert #ff0000 und die Hintergrundfarbe von <address> auf Farbwert #800080. Die Schriftart setzen wir auf monospace und als Schriftgröße entscheiden wir uns für 91%.

<style type="text/css"><!--
  address { 
    font-family:monospace; 
    background-color:#800080; 
    color:#f00; 
    font-size:91%;
  }
//-->
</style>

Weiteres zu address finden Sie in Blockorientierte Elemente in HTML. Mehr zum HTML-Befehl address ist in der HTML Referenz bei <address> ausführlich zusammengestellt.

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