[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 %}