Kruis, ter ondersteuning van de kleur van de volgende aanvullende Kruis eigenschap &verminderen; de,, rgba kleur, de HSL kleur te recht, de kleur, de transparantie, de vertegenwoordigers van rgba,,, rood, groen, blauw Alpha, dit is de uitbreiding van de alfa - niet gespecificeerd moet transparantie, kleur en parameters is een numerieke waarde in de 0 1.Een voorbeeld rgba weergegeven en de vermindering van de grammatica,&#D1 - achtergrond; kleur: rgba (255, 0, 0, 0);}&#D2 (kleur: rgba (0255, 0, - 0,5);} {# D3 achtergrond kleur: rgba (0, 0255, 0,5);}, de Vertegenwoordiger van de HSL, enorme, verzadiging, duidelijk, waar grote schijf van kleur, de verzadiging van het luchtruim en de helderheid van 0 tot 100% procent van de verhouding tussen.Een voorbeeld van de HSL weergegeven en de vermindering van de grammatica,&#G1 - achtergrond; kleur: de HSL (120100%, 50%);&#G2 {} achtergrond kleur: de HSL (120100%, 75%);&#G3 {} achtergrond kleur: de HSL (120100%, 25%);}, enkele gelegeerde staalsoorten, vertegenwoordigers, grote, verzadiging, ming en de alfa.α waarde wordt bepaald dat niet rgba transparantie.Een voorbeeld van staalsoorten weergegeven en de vermindering van de grammatica,&#G1 - achtergrond; kleur: gelegeerde (120100%, 50%, 0,3);} {# G2 achtergrond kleur: gelegeerde (120100%, 75%, 0,3);} {# G3 achtergrond kleur: gelegeerde (120100%, 25% 0,3);}, Transparantie, niet, het is een dunne zwarte verf nodig om de transparantie te vergroten.A sample syntax van over is als onder het &minus aangetoond;, #g1 {background-color:rgb (255,0,0); opacity:0.6;} #g2 {background-color:rgb (0255,0); opacity:0.6;} #g3 {background-color:rgb (0,0255); opacity:0.6;}, het volgende voorbeeld toont een rgba kleur, < html> < head> < style> #p1 {background-color:rgba (255,0,0,0.3;);} #p2 {background-color:rgba (0255,0,0.3);} #p3 {background-color:rgba (0,0255,0.3);} < /style> < /head> < body> < p> rgba colors:< /p> < P = "P" > Red< /p> < P = "P," > Green< /p> < P = "P" > Blue< /p> < /body> < /html> het zal de volgende resultaten, om −,, de fOllowing voorbeeld toont de HSL kleur eigendom, < html> < head> < style> #g1 {background-color:hsl (120, 100%, 50%);} #g2 {background-color:hsl (120100%, 75% van #g3 {}); background-color:hsl (120100%, 25%);} < /style> < /head> < body> < p> - colors:<; /p> < P = "g" > Green< /p> < P = "g" > de normale Green< /p> < P = "g" > dark Green< /p> < /body> < /html> het zal de volgende resultaten, om − het volgende voorbeeld blijkt, een recht van kleur, < html> < head> < style> #d1 {background-color:hsla (120100%, 50%, 0,3);} #d2 {background-color:hsla (120100%, 75%0,3);} #d3 {background-color:hsla (120100%, 25%, 0,3);} < /style> < /head> < body> < p> colors:< recht; /p> < P = "D" > minder over green< /p> < P = "D" > /p> Green<; < P = "D" > Green< /p> < /body> < /html> het zal de volgende resultaten, om −,, het volgende voorbeeld blijkt Opacity eigendom, < html> < head> < style> #m1 {background-color:rgb (255,0,0); opacity:0.6 #m2 {background-color:rgb (;) 0255,0); opacity:0.6;} #m3 {background-color:rgb (0,0255); opacity:0.6;} < /style> < /head> < body> < p> colors:< recht; /p> < P = "1" enGT; rode < /P > < P id = "m2" > groene < /P > < P id = "m3" > blauwe < /P > < /body > < /html > het zou de volgende de resultaten en de vermindering van,,;