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



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



это #RGBA или #ARGB ?

922   5  

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-color

EDIT (Патрик): цитата из приведенной выше ссылки 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

    Ничего не найдено.