Ressourcen: 8 Grundfarben in HTML - Kombinationen mit Farbe yellow

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 yellow

DetailHintergrundfarbe yellow Verlauf nach WeißVerlauf nach Schwarz
Farbe :yellow#ffff00#ffff00#ffff00#ffff00
Farbwert :#ffff00#ffff24#ffff24#dada00#dada00
HTML:yellow#ffff48#ffff48#b6b600#b6b600
CSS:yellow#ffff6d#ffff6d#919100#919100
CSS (Wert):#ffff00#ffff91#ffff91#6d6d00#6d6d00
CSS (kürzest):#ff0#ffffb6#ffffb6#484800#484800
CSS (RGB):rgb(255,255,0)#ffffda#ffffda#242400#242400
CSS (%RGB):rgb(100%,100%,0%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe yellow

Änderung der Hintergrundfarbe bei HTML-Tag span

Hier ändern wir bei <span> die Hintergrundfarbe auf Farbe yellow:

<style type="text/css"><!--
  span { 
    background-color:yellow;
  }
//-->
</style>

Der hier gezeigte Befehl span ist in der HTML Referenz unter <span> zusammengestellt.

Änderung der Textfarbe bei Hover bei HTML-Tag a

Einen Hyperlink setzen Sie mit HTML-Befehl <a>. Diesen können Sie farblich gestalten und hervorheben.

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <a> vor.

<style type="text/css"><!--
  a { 
    color:#66d389; 
    font-family:verdana;
  }
//-->
</style>
Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbe yellow gesetzt wird.
<style type="text/css"><!--
  a:hover { 
    color:yellow;
  }
//-->
</style>

Weiteres zum Thema a lesen Sie in Verweise und Protokolle in HTML. Möglichkeiten des HTML-Befehl <a>.

Tabelle der 8 Grundfarben in HTML

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

Weitere Farbtabellen