В CSS 3, цитируя спецификацию, «нет шестнадцатеричной записи для значения RGBA» (см. Спецификацию CSS уровня 3 ). Вместо этого вы можете использовать функциональную нотацию rgba () с десятичными знаками или процентами, например, rgba (255, 0, 0, 0,5) будет на 50% прозрачным красным. Каналы RGB: 0-255 или 0% -100%, альфа - 0-1.
В CSS 4 * вы можете указать альфа-канал, используя 7-й и 8-й символы 8-значного шестнадцатеричного цвета или 4-й символ 4-значного шестнадцатеричного цвета (см. Спецификацию CSS уровня 4 *)
По состоянию на май 2019 года можно ожидать, что> 80% пользователей понимают формат #RGBA.
Chrome поддерживает этот синтаксис с Chrome 62. Для более ранних версий вы могли включить экспериментальные веб-функции для использования этого синтаксиса. См. Выпуск Chromium 618472 и ошибку Webkit 150853 .
Приложения Android, предназначенные для Android P или новее, могут использовать этот синтаксис
Opera поддерживает этот синтаксис в Opera 52 (или Opera 39, если включены экспериментальные веб-функции).
IE 11 и EdgeHTML 18 (Edge 44) не поддерживают этот синтаксис. Версии Edge на основе Chromium будут поддерживать этот синтаксис.
Нет, если вы не включите экспериментальные веб-функции, потому что это вызывало проблемы на Android. См. Мой ответ выше, чтобы узнать о поддержке браузера.
thelem
3
Вы можете попробовать поместить шестнадцатеричный цвет в палитру цветов GIMP или фотоателье, чтобы получить значение RGB, а затем использовать значение альфа. например. красный - это #FF0000или rgb(255,0,0), если вы хотите красный цвет со значением альфа 0,5, тогда rgba(255,0,0,.5).
Возможно, это не совсем то, что вы хотели, но, надеюсь, поможет.
Это было отклонено, что кажется немного резким. Он не отвечает на заданный вопрос, но в вопросе не говорится, почему они хотят знать. Если они просто хотят использовать цвет RGBA в CSS, тогда это правильный ответ.
:-P
Ответы:
В CSS 3, цитируя спецификацию, «нет шестнадцатеричной записи для значения RGBA» (см. Спецификацию CSS уровня 3 ). Вместо этого вы можете использовать функциональную нотацию rgba () с десятичными знаками или процентами, например, rgba (255, 0, 0, 0,5) будет на 50% прозрачным красным. Каналы RGB: 0-255 или 0% -100%, альфа - 0-1.
В CSS 4 * вы можете указать альфа-канал, используя 7-й и 8-й символы 8-значного шестнадцатеричного цвета или 4-й символ 4-значного шестнадцатеричного цвета (см. Спецификацию CSS уровня 4 *)
По состоянию на май 2019 года можно ожидать, что> 80% пользователей понимают формат #RGBA.
Актуальная информация о поддержке браузера доступна на CanIUse.com.
* Технически все еще в стадии разработки, но, учитывая поддержку браузера, это вряд ли будет изменено.
источник
Похоже, что нет шестнадцатеричного альфа-формата: http://www.w3.org/TR/css3-color/
В любом случае, если вы используете препроцессор CSS, такой как SASS, вы можете передать шестнадцатеричный код в
rgba
: background:А препроцессор просто автоматически преобразует шестнадцатеричный код в rgb.
источник
Не уверен, есть ли официальный стандарт -
RGBA - это представление, которое я видел для Web Macromedia, а другие используют ARGB
Я считаю, что RGBA - более распространенное представление.
Если это поможет, это из W3 для CSS3
http://www.w3.org/TR/css3-color/#rgba-color
ИЗМЕНИТЬ (Патрик): цитата из приведенной выше ссылки W3
источник
Chrome 52+ поддерживает альфа-шестнадцатеричный код:
Для старых браузеров вам придется использовать:
источник
Вы можете попробовать поместить шестнадцатеричный цвет в палитру цветов GIMP или фотоателье, чтобы получить значение RGB, а затем использовать значение альфа. например. красный - это
#FF0000
илиrgb(255,0,0
), если вы хотите красный цвет со значением альфа 0,5, тогдаrgba(255,0,0,.5)
.Возможно, это не совсем то, что вы хотели, но, надеюсь, поможет.
источник