Как заставить форму принимать прозраный цвет?

Привет.
В опциях виджета вывожу опцию которая меняет цвет фона.

Все работает, но форма ввода цвета в админке виджета не принимает прозрачный к примеру такой — #00000054 Хотя такой #000 без проблем.
Как это исправить?
В файле виджета имею такой вывод background-color:<?= $fon_s ?>;

Пардон за заголовок

KoRn,
Напишите цвет словом transparent.

transparent

Здравствуйте, куда а форму в админке? Если так то не в этом проблема.
Я хочу через настройки в админке на определенном блоке сделать любой цвет чуточку прозрачным.

Имею в виду подобное
background: rgba(0,0,0,0.5); Не могу понять как генерировать rgba(0,0,0,0.5). Обычно под палитрой цветов выходит ползунок прозрачности, у меня не выходит.
В моем случае получается просто background: #000; Кстати при вводе transparent. не сохраняется.

snipp.ru/php/hex-to-rgb

snipp.ru/php/hex-to-rgb

О спасибо, пошел разбираться)).

KoRn, а добавить свойство opacity через класс формы не подходит?

В опциях виджета вывожу

А так?

свойство opacity

Да в принципе как вариант спасибо. Пока думаю как сделать, выше постом мне посоветовали с помощью функции, но там сложновато ибо не понимаю как при передаче цвета в $hex мне присобачить визуальное отображение палитры с ползунком. В общем мне кажется я копаю не в ту сторону, есть другое решение, ищу и попробую Ваш вариант.

В опциях виджета вывожу

А так?

Дизайн

А на сколько процентов он прозрачный как увидеть? Тут если только самому писать 10%, 20% и т.д.

А на сколько процентов он прозрачный как увидеть? Тут если только самому писать 10%, 20% и т.д.

Могу только догадываться, что на 100%. Куча подобных виджетов на моём отладочном сайте — смотрите сами.

не понимаю как при передаче цвета в $hex мне присобачить визуальное отображение палитры с ползунком

#ff9600 — это цвет hex, он устанавливается полем color. Вам его надо просто преобразовать в rgb для получения нужного результата. А прозрачность добавьте числовым полем. К числу ползунок прикрутить тоже не сложно. Системное уже с ползунком, не знаю, правда, будет ли ползунок работать в админке. В итоге сохраняться будет в hex, а выводиться в rgb.

Или вариант проще:

KoRn, мне кажется вам стоило бы написать такое предложение на гите. Добавить такую функцию не сложно, но она многим возможно пригодится в дальнейшем.

Или вариант проще

Спасибо.

Или вариант проще:

Не, мне нужно мозг напрячь

#ff9600 — это цвет hex, он устанавливается полем color. Вам его надо просто преобразовать в rgb для получения нужного результата. А прозрачность добавьте числовым полем. К числу ползунок прикрутить тоже не сложно. Системное уже с ползунком, не знаю, правда, будет ли ползунок работать в админке. В итоге сохраняться будет в hex, а выводиться в rgb.

Хотя да, прозрачность у rgb в самом конце задается если не ошибаюсь, как раз конечные числа и генерировать из админке. Как вариант да спасибо.

мне кажется вам стоило бы написать такое предложение на гите. Добавить такую функцию не сложно, но она многим возможно пригодится в дальнейшем.

Да похоже, я то думал она есть просто вывести знать как нужно. Я решил вопрос с помощью opacity но был подводный камень. Мне требовалось сделать прозрачность на фон, внутри фона были кнопки, в итоге кнопки тоже стали прозрачными.
Сделал через :before и задал там прозрачность и position: absolute; а на кнопки position: relative; в итоге все работает. Чуть позже соберу виджет и выложу, сюда скину ссылку может кому пригодится). Всем спасибо за помощь, на Гит напишу попозже.

Вот что получилось, виджет шапки сайта.