Ressourcen: 8 Grundfarben in HTML - Kombinationen mit Farbe aqua

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 aqua

DetailHintergrundfarbe aqua Verlauf nach WeißVerlauf nach Schwarz
Farbe :aqua#00ffff#00ffff#00ffff#00ffff
Farbwert :#00ffff#24ffff#24ffff#00dada#00dada
HTML:aqua#48ffff#48ffff#00b6b6#00b6b6
CSS:aqua#6dffff#6dffff#009191#009191
CSS (Wert):#00ffff#91ffff#91ffff#006d6d#006d6d
CSS (kürzest):#0ff#b6ffff#b6ffff#004848#004848
CSS (RGB):rgb(0,255,255)#daffff#daffff#002424#002424
CSS (%RGB):rgb(0%,100%,100%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe aqua

Änderung der Hintergrundfarbe von HTML-Befehl p

Wir legen für dieses Beispiel Farbe aqua als Hintergrundfarbe von <p> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf sans-serif.

<p style="font-family:sans-serif; background-color:aqua;">
Dieser Hintergrund nutzt Farbe aqua
</p>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Der hier verwendete Befehl p ist in der HTML Referenz bei <p> genau zusammengestellt.

Änderung der Textfarbe bei Hover bei HTML-Tag pre

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <pre> so ein, dass sich bei Berührung mit der Maus die Textfarbe auf Farbe aqua ändert.
<style type="text/css"><!--
  pre: hover { 
    color: aqua;
  }
//-->
</style>

Weiteres zu pre können Sie in Blockorientierte Elemente in HTML nachsehen. Möglichkeiten vom HTML-Tag pre lesen Sie in der HTML Referenz unter <pre>.

Tabelle der 8 Grundfarben in HTML

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

Weitere Farbtabellen