Шаблон:HSLA: различия между версиями
Перейти к навигации
Перейти к поиску
(Шаблон {{HSLA}} для быстрого и понятного назначения цвета с помощью функции hsla()) |
(убрал ";" в конце) |
||
| Строка 1: | Строка 1: | ||
<onlyinclude>hsla({{{Оттенок|0}}}, {{{Насыщенность|0}}}%,{{{Яркость|50}}}%,calc({{{Прозрачность|100}}}/100)) | <onlyinclude>hsla({{{Оттенок|0}}}, {{{Насыщенность|0}}}%,{{{Яркость|50}}}%,calc({{{Прозрачность|100}}}/100))</onlyinclude> | ||
<big>Документация</big> | <big>Документация</big> | ||
Текущая версия на 16:24, 9 июля 2025
hsla(0, 0%,50%,calc(100/100))
Документация
Данный шаблон используется для быстрого и понятного назначения цвета с помощью функции hsla(). Значения:
- Оттенок: значение от 0 до 360, hue цвета (Например, 0 - красный)
- Насыщенность: значение от 0 до 100
- Яркость: значение от 0 до 100
- Прозрачность: значение от 0 до 100
Пример
Код:
{{HSLA|Оттенок=260|Насыщенность=60|Яркость=40|Прозрачность=50}}
<span style="background: {{HSLA|Оттенок=0|Насыщенность=80%|Яркость=70%|Прозрачность=1}}; color: {{HSLA|Оттенок=260|Насыщенность=60%|Яркость=40%|Прозрачность=0.5}};">Полу-прозрачный фиолетовый на красном фоне</span>
Результат:
hsla(260, 60%,40%,calc(50/100))
Полу-прозрачный фиолетовый на красном фоне