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

Schriftfarbwert #ff0000

DetailHintergrund black DetailSchrift #ff0000 
Farbe :blackFarbwert :#ff0000
Farbwert :#000000Farbe :red
HTML:blackHTML:#ff0000
HTML (Wert):#000000HTML (Wert):#ff0000
CSS:blackCSS:#ff0000
CSS (Wert):#000000CSS (Wert):#ff0000
CSS (kürzest):#000CSS (kürzest):#f00
CSS (RGB):rgb(0,0,0)CSS (RGB):rgb(255,0,0)
CSS (%RGB):rgb(0%,0%,0%)CSS (%RGB):rgb(100%,0%,0%)

Verlauf Hintergrundfarbe black nach Schriftfarbwert #ff0000

#000000#240000#480000#6d0000#910000#b60000#da0000#ff0000
#000000#240000#480000#6d0000#910000#b60000#da0000#ff0000

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

#ff0000 ist nicht als Schriftfarbe auf Hintergrund black geeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Die Ähnlichkeit der Farben #ff0000 und black beträgt 74.99%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 25.01%.

Hintergrundfarbe black

Schriftfarbwert #ff0000

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#000000#000000#000000#000000#ff0000#ff0000#ff0000#ff0000
#242424#242424#000000#000000#ff2424#ff2424#da0000#da0000
#484848#484848#000000#000000#ff4848#ff4848#b60000#b60000
#6d6d6d#6d6d6d#000000#000000#ff6d6d#ff6d6d#910000#910000
#919191#919191#000000#000000#ff9191#ff9191#6d0000#6d0000
#b6b6b6#b6b6b6#000000#000000#ffb6b6#ffb6b6#480000#480000
#dadada#dadada#000000#000000#ffdada#ffdada#240000#240000
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe black und Farbwert #ff0000

Füllen und Umranden bei Befehl a

Mit Befehl <a> setzen Sie einen Link. Dieser kann farblich gestaltet werden.

Hier umranden wir <a> mit einem gezahnten, 1 Pixel dicken Rahmen in Farbwert #ff0000 . Die Hintergrundfarbe für <a> setzen wir auf Farbe black. Mit HTML geht dies nicht. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  a { 
    border-style:ridge; 
    border-width:1px; 
    background-color:black; 
    border-color:#ff0000;
  }
//-->
</style>

Weiteres zum Thema a lesen Sie in Verweise und Protokolle in HTML. Beschreibung vom hier verwendeten HTML-Tag <a>.

Hintergrund/Text-Kombination von Befehl p

Wir ändern für dieses Beispiel die Textfarbe von <p> auf Farbwert #ff0000 und die Hintergrundfarbe von <p> auf Farbe black. Die Schriftart setzen wir auf arial und erhöhen die Schriftgröße auf 116%.

<style type="text/css"><!--
  p { 
    color:#f00; 
    font-size:116%; 
    background-color:black; 
    font-family:arial;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier verwendeten HTML-Befehl p lesen Sie in der HTML Referenz unter <p>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen