Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe red und Farbwert #0000ff

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 red

Schriftfarbwert #0000ff

DetailHintergrund red DetailSchrift #0000ff 
Farbe :redFarbwert :#0000ff
Farbwert :#ff0000Farbe :blue
HTML:redHTML:#0000ff
HTML (Wert):#ff0000HTML (Wert):#0000ff
CSS:redCSS:#0000ff
CSS (Wert):#ff0000CSS (Wert):#0000ff
CSS (kürzest):#f00CSS (kürzest):#00f
CSS (RGB):rgb(255,0,0)CSS (RGB):rgb(0,0,255)
CSS (%RGB):rgb(100%,0%,0%)CSS (%RGB):rgb(0%,0%,100%)

Verlauf Hintergrundfarbe red nach Schriftfarbwert #0000ff

#ff0000#da0024#b60048#91006d#6d0091#4800b6#2400da#0000ff
#ff0000#da0024#b60048#91006d#6d0091#4800b6#2400da#0000ff

Kombination von red und #0000ff

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 von #0000ff und red ergibt sich zu 89.77%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 10.23%.

Auf Hintergrund red ist #0000ff ungeeignet. Zwar ist der Farbunterschied in Ordnung, der Helligkeitsunterschied ist jedoch zu gering.

Hintergrundfarbe red

Schriftfarbwert #0000ff

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#ff0000#ff0000#ff0000#ff0000#0000ff#0000ff#0000ff#0000ff
#ff2424#ff2424#da0000#da0000#2424ff#2424ff#0000da#0000da
#ff4848#ff4848#b60000#b60000#4848ff#4848ff#0000b6#0000b6
#ff6d6d#ff6d6d#910000#910000#6d6dff#6d6dff#000091#000091
#ff9191#ff9191#6d0000#6d0000#9191ff#9191ff#00006d#00006d
#ffb6b6#ffb6b6#480000#480000#b6b6ff#b6b6ff#000048#000048
#ffdada#ffdada#240000#240000#dadaff#dadaff#000024#000024
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbe red und Farbwert #0000ff

Wechsel der Textfarbe bei Hover mit HTML-Befehl acronym

Die Textfarbe soll sich von Farbe red auf Farbwert #0000ff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <acronym> in Farbe red vor.

Zum Beispiel legen wir bei <acronym> die Textfarbe auf Farbe red fest und erhöhen die Größe der Schrift auf 124%:

<style type="text/css"><!--
  acronym { 
    color:red; 
    font-size:124%;
  }
//-->
</style>
Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #0000ff ändert.
<style type="text/css"><!--
  acronym:hover { 
    color:#00f;
  }
//-->
</style>

Beschreibung vom hier gezeigten HTML-Tag <acronym>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen