Шестнадцатеричное представление цвета с альфа-каналом? - PullRequest
Новая
       33

Шестнадцатеричное представление цвета с альфа-каналом?

95 голосов
/ 14 сентября 2009

Существует ли W3 или любой другой заслуживающий внимания стандарт о том, как представлять цвет (включая альфа-канал) в шестнадцатеричном формате?

Это #RGBA или #ARGB?

Ответы [ 5 ]

82 голосов
/ 07 ноября 2012

Похоже, что нет шестнадцатеричного альфа-формата: http://www.w3.org/TR/css3-color/

В любом случае, если вы используете препроцессор CSS, такой как SASS, вы можете передать гекс в rgba: фон: 

rgba(#000, 0.5);

И препроцессор просто конвертирует шестнадцатеричный код в rgb автоматически.

69 голосов
/ 24 июня 2015

В 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

  • Firefox поддерживает этот синтаксис начиная с Firefox 49 ( Ошибка Mozilla 567283 ).
  • Safari поддерживает этот синтаксис начиная с Safari 10.
  • Chrome поддерживает этот синтаксис начиная с Chrome 62. В более ранних версиях вы могли включить экспериментальные веб-функции для использования этого синтаксиса. См. Chromium Issue 618472 и Ошибка Webkit 150853 .
  • Приложения Android, предназначенные для Android P или более поздней версии, могут использовать этот синтаксис
  • Opera поддерживает этот синтаксис в Opera 52 (или Opera 39, когда включены экспериментальные веб-функции).
  • IE 11 и EdgeHTML 18 (Edge 44) не поддерживают этот синтаксис. Версии Edge на основе хрома будут поддерживать этот синтаксис.

Актуальная информация о поддержке браузера доступна на CanIUse.com

* Технически все еще в черновике, но, учитывая поддержку браузера, вряд ли это изменится.

14 голосов
/ 14 сентября 2009

Я не уверен, есть ли официальный стандарт -

RGBA - это представление, которое я видел для Web Macromedia и другие используют ARGB

Я считаю, что RGBA - более распространенное представление.

Если это поможет, это из W3 для CSS3
http://www.w3.org/TR/css3-color/#rgba-color

РЕДАКТИРОВАТЬ (Патрик): цитата из вышеуказанной ссылки W3

В отличие от значений RGB, для значения RGBA нет шестнадцатеричной записи

4 голосов
/ 17 июля 2016

Chrome 52+ поддерживает alpha hex: 

background: #56ff0077;

Для старых браузеров вам придется использовать: 

background-color: rgba(255, 220, 0, 0.3);
3 голосов
/ 06 августа 2013

Вы можете попробовать поместить шестнадцатеричный цвет в палитру цветов GIMP или фотомагазина, чтобы получить значение RGB, а затем использовать значение альфа. например. красный - #FF0000 или rgb(255,0,0), если вы хотите красный с альфа-значением .5, тогда rgba(255,0,0,.5).

Может быть, не совсем то, что вы хотели, но, надеюсь, поможет.

...