Ressourcen: 8 Grundfarben in HTML - Kombination von Farbe red und Farbwert #0000ff

von Thomas Salvador.

Es gibt insgesamt acht Grundfarben. Sie bestehen aus zwei unbunten Grundfarben (Schwarz und Weiß) und sechs bunten Grundfarben.

Die bunten Grundfarben entstehen dadurch, dass die Anteile von Rot, Grün und Blau jeweils paarweise maximal sind.

In HTML und CSS haben damit die entsprechenden Bestandteile den Wert hexadezimal ff, bzw. dezimal 255 bzw. prozentual 100%.

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

Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.

Die Ähnlichkeit von #0000ff und red beträgt 89.77%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 10.23%.

#0000ff ist nicht als Schriftfarbe auf Hintergrund red geeignet, weil der Unterschied in den Helligkeiten nicht ausreichend ist

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

Zebra-Effekt von HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom Zebra-Effekt. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <th> mit unterschiedlichen Hintergrundfarben Farbe red und Farbwert #0000ff.

<style type="text/css"><!--
  th.gerade { 
    background-color: red;
  }
  th.ungerade { 
    background-color:#00f;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="gerade">RA.A</td><td class="ungerade">RB.A</td><td class="gerade">RC.A</td></tr>
<tr><td class="gerade">RA.B</td><td class="ungerade">RB.B</td><td class="gerade">RC.B</td></tr>
<tr><td class="gerade">RA.C</td><td class="ungerade">RB.C</td><td class="gerade">RC.C</td></tr>
</table>

Weiteres zu th können Sie in Tabellen in HTML erfahren. Möglichkeiten des Tag <th>.

Tabelle der 8 Grundfarben in HTML

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
lime #00ff00         +  lime #00ff00 lime / red
red #ff0000         +  red #ff0000 red / red
white #ffffff         +  white #ffffff white / red
yellow #ffff00         +  yellow #ffff00 yellow / red

Weitere Farbtabellen