[cancel]({{plugin.cancel}}){: .color-helper .small}
{%- if plugin.picker %}
[CSS color names](colornames){: .color-helper .small}
[enter new color](edit){: .color-helper .small}
{%- endif %}
{%- if plugin.color_names %}
## CSS Color Names
{{plugin.channel_names}}
{%- elif plugin.hires %}
## {{plugin.hires_color}}
{{plugin.channel_hires}}
{%- else %}
{{plugin.color_picker}}
{{plugin.current_color}}
---
{{plugin.channel_1}}
{{plugin.channel_2}}
{{plugin.channel_3}}
{{plugin.channel_alpha}}
[switch to {{plugin.color_switch}}]({{plugin.color_switch}}){: .color-helper .small}
---
{%- if plugin.webcolor_info %}
>>>
{{plugin.webcolor_value}}
{%- endif %}
{%- if plugin.hex_info %}
>>>
{{plugin.hex_display}}
{%- endif %}
{%- if plugin.hexa_info %}
>>>
{{plugin.hexa_display}}
{{plugin.hexa_alpha}}
{%- endif %}
{%- if plugin.ahex_info %}
>>>
#
{{plugin.ahex_alpha}}
{{plugin.ahex_display}}
{%- endif %}
{%- if plugin.rgb_info %}
>>>
rgb({{plugin.rgb_r}}, {{plugin.rgb_g}}, {{plugin.rgb_b}})
{%- endif %}
{%- if plugin.rgba_info %}
>>>
rgba({{plugin.rgb_r}}, {{plugin.rgb_g}}, {{plugin.rgb_b}}, {{plugin.alpha}})
{%- endif %}
{%- if plugin.hsl_info %}
>>>
hsl({{plugin.hsl_h}}, {{plugin.hsl_s}}%, {{plugin.hsl_l}}%)
{%- endif %}
{%- if plugin.hsla_info %}
>>>
hsla({{plugin.hsl_h}}, {{plugin.hsl_s}}%, {{plugin.hsl_l}}%, {{plugin.alpha}})
{%- endif %}
{%- if plugin.hwb_info %}
>>>
hwb({{plugin.hwb_h}}, {{plugin.hwb_w}}%, {{plugin.hwb_b}}%)
{%- endif %}
{%- if plugin.hwba_info %}
>>>
hwb({{plugin.hwb_h}}, {{plugin.hwb_w}}%, {{plugin.hwb_b}}%, {{plugin.alpha}})
{%- endif %}
{%- endif %}