Test Farben und Hintergrundbilder

Diese Seite habe ich mir erstellt, damit ich mal die Wirkung von Farbe und Hintergrund auf einer Seite hatte. Ich denke Sie ist auch für andere Homepage-Bastler sinnvoll.

Auf dieser Seite sieht man die Farben rot, grün, blau, gelb, grau, orange, lila, tuerkis und beige in 3 Helligkeitsabstufungen mit jeweils 3 Hintergründen in jeweils unterschiedlichen Helligkeiten kombiniert.

Die einzelnen Farben wurden als allgemeine Style-Sheet-Unterklassen der Form .farbe-helligkeit {background-color:#XXYYZZ;} intialisiert. Jede Tabelle stellt die Kombination einer Farbunterklasse mit einem Hintergrundbild dar (<table class="farbe-helligkeit"> ). Die Hintergrundbilder wurden für jede Zelle einzeln nach <td background="bg-xyz.gif"> definiert.

die einzelnen Farben:

die einzelnen Hintergrundbilder

     
Die Hintergrundbilder haben auf weiß einen transparenten Hintergund. Die Konturen sind unterschiedliche Farbabstufungen von grau.