CSS
Непрозрачность элемента HSL
Пример кода
<html>
<head>
<style>
p {background-color:hsl(120,60%,70%);}
</style>
</head>
<body>
<div style="opacity:1.0;">
<p>Тон-120 (Зеленый). Насыщенность-60%. Осветленность-70%. Непрозрачность-1.0.</p>
</div>
<div style="opacity:0.5;">
<p>Тон-120 (Зеленый). Насыщенность-60%. Осветленность-70%. Непрозрачность-0.5.</p>
</div>
<div style="opacity:0.2;">
<p>Тон-120 (Зеленый). Насыщенность-60%. Осветленность-70%. Непрозрачность-0.2.</p>
</div>
</body>
</html>
Вывод на экран
Браузер откроет ваш HTML документ с блоками зеленого фона по степени прозрачности: значения цвета задается в следующем порядке: Hue — тон. Saturation — насыщенность. Lightness — осветленность. Тон — это значение цвета на цветовом круге в градусах. Красный цвет соответствует значениям 0° и 360°, желтый — 60°, зеленый — 120°, голубой — 180°, синий — 240°, фиолетовый — 300°. Насыщенность — это интенсивность цвета, измеряется в процентах от 0% до 100%. Значение 0% соответствует полному отсутствию насыщенности (тусклый серый), а 100% — это чистый и яркий цвет. Осветленность задает яркость цвета и указывается в процентах от 0% до 100%. Малые величины делают цвет темнее, а высокие светлее. Крайние значения 0% и 100% соответствуют чёрному и белому цвету.
Остались вопросы? Нужна помощь? Напишите администратору сайта.