Ressourcen: 8 Grundfarben in HTML - Kombinationen mit Farbwert #ff0000

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%.

Hintergrundfarbwert #ff0000

DetailHintergrundfarbwert #ff0000 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#ff0000#ff0000#ff0000#ff0000#ff0000
Farbe :red#ff2424#ff2424#da0000#da0000
HTML:#ff0000#ff4848#ff4848#b60000#b60000
CSS:#ff0000#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 Farbwert #ff0000

Umrandung von HTML-Tag p

In diesem Beispiel umranden wir <p> mit einem 2 Pixel dicken, gepunkteten Rahmen in Farbwert #ff0000. In HTML ist dies nicht möglich. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  p { border:2px dotted #ff0000; }
//-->
</style>

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Der hier gezeigte Befehl p ist in der HTML Referenz bei <p> genau gezeigt.

Farbige Unterstreichung bei Tag strong

In diesem Beispiel unterstreichen wir <strong> mit einem gefurchten Rahmen mit 1 Pixel Dicke in Farbwert #ff0000. Mit HTML geht dies kaum. Deshalb nutzen wir dafür CSS.

<style type="text/css"><!--
  strong { border-bottom:1px groove #ff0000; }
//-->
</style>

Die Idee ist dabei, unabhängige Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sieht man diesen Effekt bei Links. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine "normale" Unterstreichung, der Text hat gar keine Unterstreichung. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zu strong können Sie in Text in HTML nachlesen. Einzelheiten des hier genutzten HTML-Tag <strong>.

Tabelle der 8 Grundfarben in HTML

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
aqua #00ffff         +  aqua #00ffff aqua / #ff0000
black #000000         +  black #000000 black / #ff0000
blue #0000ff         +  blue #0000ff blue / #ff0000
fuchsia #ff00ff         +  fuchsia #ff00ff fuchsia / #ff0000
lime #00ff00         +  lime #00ff00 lime / #ff0000
red #ff0000         +  red #ff0000 red / #ff0000
white #ffffff         +  white #ffffff white / #ff0000
yellow #ffff00         +  yellow #ffff00 yellow / #ff0000

Weitere Farbtabellen