Шаблон:SpanColor: различия между версиями

Текущая версия от 14:46, 10 апреля 2026

Данный шаблон позволяет менять цвет введенного текста на производный.
Составные части шаблона:

{{SpanColor|ТИП|ЦВЕТ|ТЕКСТ}}

Где:

ТИП - тип цветовой палитры. Доступные параметры: rgb, rgba, hsl, hsla, hex. Данный параметр может быть пропущен. Вариант по умолчанию: hex.
ЦВЕТ - цветовой код или палитра, в зависимости от выбранного типа. Если цветовые значения представляют отдельные числа, то данные числа должны быть разделены запятой.
ТЕКСТ - произвольный текст любой длины, к которому будут применены изменения.

Использование

Примеры использования:

Текст {{SpanColor|rgb|5, 0, 198|синего}} цвета
Текст синего цвета

Текст {{SpanColor|hsl|79, 100%, 60%|едко-зелёного}} цвета
Текст едко-зелёного цвета

Текст {{SpanColor|hex|8f1ee7|сине-фиолетового}} цвета
Текст сине-фиолетового цвета

Текст {{SpanColor||8f1ee7|сине-фиолетового}} цвета
Текст сине-фиолетового цвета

Текст {{SpanColor|rgba|255, 0, 0, 0.5|полупрозрачного красного}} цвета
Текст полупрозрачного красного цвета

Текст {{SpanColor|hsla|200, 80%, 50%, 0.5|полупрозрачного голубого}} цвета
Текст полупрозрачного голубого цвета

@@ Строка 1: / Строка 1: @@
-<includeonly><span style="color: {{#switch: {{lc:{{{1|hex}}}}}
+<includeonly><span style="color: {{#switch: {{lc:{{{1|}}}}}
-     | rgb = rgb({{{2}}})
+     | = {{{2|}}}
-     | rgba = rgba({{{2}}})
+     | hex = {{{2|}}}
-     | hsl = hsl({{{2}}})
+     | rgb = rgb({{{2|}}})
-     | hsla = hsla({{{2}}})
+     | rgba = rgba({{{2|}}})
-     | hex = {{#if:{{{2|}}}|{{#if:{{#match:{{{2}}}|^#}}|{{{2}}}|#{{{2}}}}}}}
+     | hsl = hsl({{{2|}}})
-}};">{{{3|}}}</span>
+    | hsla = hsla({{{2|}}})
-</includeonly><noinclude>
+}};">{{{3|}}}
-==Шаблон SpanColor==
+</span></includeonly><noinclude>
-Этот шаблон представляет из себя покраску текста, как шаблон <nowiki>{{Цвет}}</nowiki>, но позволяет вставить свой Hex или rgb цвет. Отличие в том что шаблон <nowiki>{{Цвет}}</nowiki> использует заготовленные цвета в своем шаблоне, а <nowiki>{{Spancolor}}</nowiki> использует RGB, HEX и HSL
+Данный шаблон позволяет менять цвет введенного текста на производный.<br/>
-==Использование шаблона==
+Составные части шаблона:
-Примеры использования этого шаблона вот такие. Для HSL используйте проценты обязательно
+ <nowiki>{{SpanColor|ТИП|ЦВЕТ|ТЕКСТ}}</nowiki>
-<br> <code><nowiki>{{SpanColor|rgb|5, 0, 198|Синий}}</nowiki></code> -->
+Где:
-{{SpanColor|rgb|5, 0, 198|Синий}}
+* ТИП - тип цветовой палитры. Доступные параметры: rgb, rgba, hsl, hsla, hex. Данный параметр может быть пропущен. Вариант по умолчанию: hex.
-<br> <code><nowiki>{{SpanColor|hsl|79, 100%, 60%|Едкий зелёный}}</nowiki></code> --> {{SpanColor|hsl|79, 100%, 60%|Едкий зелёный}}
+* ЦВЕТ - цветовой код или палитра, в зависимости от выбранного типа. Если цветовые значения представляют отдельные числа, то данные числа должны быть разделены запятой.
-===Дополнения===
+* ТЕКСТ - произвольный текст любой длины, к которому будут применены изменения.
-Добавлены Альфа параметры ко всем цветам, пример их использования
+== Использование ==
-<br>RGBA - <code><nowiki>{{SpanColor|rgba|255, 0, 0, 0.5|Полупрозрачный красный}}</nowiki></code> {{SpanColor|rgba|255, 0, 0, 0.5|Полупрозрачный красный}}
+Примеры использования:
-<br>HSLA - <code><nowiki>{{SpanColor|hsla|200, 80%, 50%, 0.5|Полупрозрачный голубой}}</nowiki></code> {{SpanColor|hsla|200, 80%, 50%, 0.5|Полупрозрачный голубой}}
-Просто добавляйте значение от 0 до 1
+<code><nowiki>Текст {{SpanColor|rgb|5, 0, 198|синего}} цвета</nowiki></code><br/>
+Текст {{SpanColor|rgb|5, 0, 198|синего}} цвета
+<code><nowiki>Текст {{SpanColor|hsl|79, 100%, 60%|едко-зелёного}} цвета</nowiki></code><br/>
+Текст {{SpanColor|hsl|79, 100%, 60%|едко-зелёного}} цвета
+<code><nowiki>Текст {{SpanColor|hex|8f1ee7|сине-фиолетового}} цвета</nowiki></code><br/>
+Текст {{SpanColor|hex|#8f1ee7|сине-фиолетового}} цвета
+<code><nowiki>Текст {{SpanColor||8f1ee7|сине-фиолетового}} цвета</nowiki></code><br/>
+Текст {{SpanColor||#8f1ee7|сине-фиолетового}} цвета
+<code><nowiki>Текст {{SpanColor|rgba|255, 0, 0, 0.5|полупрозрачного красного}} цвета</nowiki></code><br/>
+Текст {{SpanColor|rgba|255, 0, 0, 0.5|полупрозрачного красного}} цвета
+<code><nowiki>Текст {{SpanColor|hsla|200, 80%, 50%, 0.5|полупрозрачного голубого}} цвета</nowiki></code><br/>
+Текст {{SpanColor|hsla|200, 80%, 50%, 0.5|полупрозрачного голубого}} цвета