CSS3 color - RGB(A) & HSL(A)

Farbnamen, Angaben in Hexadecimal, RGB, RGB(A), HSL, HSL(A), all diese Angaben sind heute im täglichen Einsatz anzutreffen.  RGB(A) & HSL(A) sind Definitionen der W3C-CSS3 Recommendation (Empfehlung). Alphatransparenz wird ab IE9+ dargestellt. Nicht alle  Browsern unterstützten zur Zeit alle Empfehlung.

CSS2

Farbnamen
background-color: red;
Hexadecimal
background-color: #fff;
RGB (red, green, blu)
background-color: rgb(255,255,255);

CSS3 (AB IE 9+)

RGBA (red, green, blu, alpha)
background-color: rgba(255,255,255,0.7);
HSL (Hue, Saturation, Lightness)
background-color: hsl(100,35%,65%);
HSLA (Hue, Saturation, Lightness, Alpha)
background-color: hsla(100,35%,65%,0.5);

convert color http://serennu.com/colour/hsltorgb.php

Opacity vs. Alpha Transparenz

Opacity vererbt die Transparenz an alle Kinder. Schriften und Bilder werden heller.
Farbangaben welche in RGB Werten mit einem Alphakanal angegeben werden (RGBA) vererben die Transparenz nicht.

Playground Farbe

Color Palette Generator
Color Scheme Designer
Color Explorer
Grundlagen Farben Farbtheorie des 21. Jahrhunderts