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

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 #ffff00

DetailHintergrundfarbwert #ffff00 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#ffff00#ffff00#ffff00#ffff00#ffff00
Farbe :yellow#ffff24#ffff24#dada00#dada00
HTML:#ffff00#ffff48#ffff48#b6b600#b6b600
CSS:#ffff00#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 Farbwert #ffff00

Umrandung bei Befehl ins

In diesem Beispiel umranden wir <ins> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbwert #ffff00. In HTML ist das nicht möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  ins { 
    border-style: inset; 
    border-color: #ffff00; 
    border-width: 5px;
  }
//-->
</style>

Einzelheiten vom hier verwendeten Tag <ins>.

Änderung der Textfarbe bei Hover mit HTML-Tag address

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

Dafür stellen wir <address> so ein, dass sich bei Hover die Textfarbe auf Farbwert #ffff00 ändert.
<style type="text/css"><!--
  address:hover { 
    color:#ff0;
  }
//-->
</style>

Mehr zu address können Sie in Blockorientierte Elemente in HTML finden. Die Beschreibung vom Befehl address finden Sie in der HTML Referenz unter <address>.

Tabelle der 8 Grundfarben in HTML

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

Weitere Farbtabellen