5 ответов:
в CSS 3, чтобы процитировать из спецификации, "нет шестнадцатеричной нотации для значения RGBA" (см. CSS Level 3 spec). Вместо этого вы можете использовать функциональную нотацию rgba () с десятичными знаками или процентами, например rgba(255, 0, 0, 0.5) будет на 50% прозрачным красным цветом. Несколько каналов RGB 0-255 или 0%-100%, Альфа-0-1.
в CSS 4* можно указать альфа-канал, используя 7-й и 8-й символы 8-значного шестнадцатеричного цвета или 4-й символ 4-значного шестнадцатеричного цвета (см. CSS Level 4 spec*)
поддержка браузера с сентября 2018 года
- Firefox поддерживает этот синтаксис с Firefox 49 (ошибка Mozilla 567283).
- Safari поддерживает этот синтаксис с Safari 10.
- Chrome поддерживает этот синтаксис с Chrome 62. Для более ранних версий вы можете включить экспериментальные веб-функции для использования этого синтаксиса. Смотрите Выпуск Хрома 618472 и ошибка Webkit 150853.
- приложения для Android, которые нацелены на Android P или новее, могут использовать этот синтаксис
- Opera поддерживает этот синтаксис в Opera 52 (или Opera 39, Если включены экспериментальные веб-функции).
- IE 11 и EdgeHTML 17 (Edge 42) не поддерживают этот синтаксис.
актуальная информация о поддержке браузера доступно на CanIUse.com
*технически все еще в проекте, но с учетом поддержки браузера это вряд ли изменится.
похоже, что нет шестнадцатеричного Альфа-формата:http://www.w3.org/TR/css3-color/
в любом случае, если вы используете препроцессор CSS, такой как SASS, вы можете передать hex в
rgba: Предыстория:rgba(#000, 0.5);и препроцессор просто преобразует шестнадцатеричный код в rgb автоматически.
Я не уверен, что есть официальный стандарт -
RGBA-это представление, которое я видел для Web Macromedia и другие используют ARGB
Я считаю, что RGBA является более распространенным представлением.
Если это помогает, это из W3 для CSS3
http://www.w3.org/TR/css3-color/#rgba-colorEDIT (Патрик): цитата из приведенной выше ссылки W3
В отличие от значений RGB, нет шестнадцатеричных обозначение для значения RGBA
Chrome 52+ поддерживает Альфа-наговор:
background: #56ff0077;для старых браузеров, вы должны будете использовать:
background-color: rgba(255, 220, 0, 0.3);
вы можете попробовать поместить шестнадцатеричный цвет в палитру цветов GIMP или photo shop, чтобы получить значение RGB, а затем использовать Альфа-значение. например. красный - это
#FF0000илиrgb(255,0,0) Если вы хотите красный с Альфа-значением .5 затемrgba(255,0,0,.5).может быть, не совсем то, что вы хотели, но надеюсь поможет.
Comments