Barvne vrednosti HSLA so razširitev barvnih vrednosti HSL z dodanim kanalom alfa, ki določa motnost barve. Vrednost barve HSLA je določena s hsla(odtenek, nasičenost, svetlost, alfa) (ang. Hue, saturation, lightness, alpha). Parameter alfa je število med 0.0 (popolnoma pregleden) in 1.0 (sploh ni pregleden).
ime | slog | primer |
---|---|---|
Črna 100% | style="background-color: hsla(0, 0%, 0%, 1)" | |
Črna 10% | style="background-color: hsla(0, 0%, 0%, 0.1)" | |
Modra 100% | style="background-color: hsla(240, 100%, 50%, 1)" | |
Modra 20% | style="background-color: hsla(240, 100%, 50%, 0.2)" | |
Rdeča 100% | style="background-color: hsla(0, 100%, 50%, 1)" | |
Rdeča 30% | style="background-color: hsla(0, 100%, 50%, 0.3)" | |
Oranžna 100% | style="background-color: hsla(39, 100%, 50%, 1)" | |
Oranžna 40% | style="background-color: hsla(39, 100%, 50%, 0.4)" | |
Rumena 100% | style="background-color: hsla(60, 100%, 50%, 1)" | |
Rumena 50% | style="background-color: hsla(60, 100%, 50%, 0.5)" | |
Zelena 100% | style="background-color: hsla(120, 100%, 25%, 1)" | |
Zelena 60% | style="background-color: hsla(120, 100%, 25%, 0.6)" | |
Siva 100% | style="background-color: hsla(0, 0%, 50%, 1)" | |
Siva 70% | style="background-color: hsla(0, 0%, 50%, 0.7)" | |
Rjava 100% | style="background-color: hsla(0, 59%, 41%, 1)" | |
Rjava 80% | style="background-color: hsla(0, 59%, 41%, 0.8)" | |
Vijolična 100% | style="background-color: hsla(300, 100%, 25%, 1)" | |
Vijolična 90% | style="background-color: hsla(300, 100%, 25%, 0.9)" | |
Roza 100% | style="background-color: hsla(350, 100%, 88%, 1)" | |
Roza 45% | style="background-color: hsla(350, 100%, 88%, 0.45)" |