Ressourcen: 8 Grundfarben in HTML - Kombinationen mit Farbe red

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

DetailHintergrundfarbe red Verlauf nach WeißVerlauf nach Schwarz
Farbe :red#ff0000#ff0000#ff0000#ff0000
Farbwert :#ff0000#ff2424#ff2424#da0000#da0000
HTML:red#ff4848#ff4848#b60000#b60000
CSS:red#ff6d6d#ff6d6d#910000#910000
CSS (Wert):#ff0000#ff9191#ff9191#6d0000#6d0000
CSS (kürzest):#f00#ffb6b6#ffb6b6#480000#480000
CSS (RGB):rgb(255,0,0)#ffdada#ffdada#240000#240000
CSS (%RGB):rgb(100%,0%,0%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe red

Änderung der Textfarbe von HTML-Tag ins

Als Beispiel legen wir die Textfarbe von <ins> auf Farbe red fest:

<ins style="color:red;">
Text hat Farbe red
</ins>

Einzelheiten des Befehl <ins>.

Farbige Unterstreichung bei Befehl h5

Eine Überschrift der 5. Stufe setzt man mit HTML-Tag <h5> und kann hervorgehoben und farblich gestaltet werden.

Hier unterstreichen wir <h5> mit Hilfe eines gezahnten Rahmens mit 5 Pixel Dicke in Farbe red. Dies geht mit HTML nicht. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  h5 { border-bottom:5px ridge red; }
//-->
</style>

Die Idee ist dabei, verschiedene Formatierungen für Inhalt und Unterstreichung zu verwenden. Manchmal sehen Sie das bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Es ist aber keine wirkliche Unterstreichung, der Text selbst hat gar keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Weiteres zum Thema h5 lesen Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des Tag <h5>.

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