如何为来自组件的背景变量添加不透明度

Question

我不确定如何将十六进制颜色转换为rgba（颜色，不透明度）。

// data
this.items = [
  { name: "ABC", color: "#000000"},
  { name: "CDE", color: "#8c8c8c"},
  { name: "DEF", color: "#282828"}
];

// template
<ion-list>
  <ion-item *ngFor="let item of items;" [ngStyle]="{'background': item.color}">
    <h2>{{item.name}}</h2>
  </ion-item>
</ion-list>

以这种方式显示颜色，但是如何使重复时应用的背景颜色不透明。

结果是将我的十六进制颜色转换为rgb（）

// Sample
<ion-item class="item item-block item-md" style="background-color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;" ng-reflect-ng-style="[object Object]">

如果不可能的话，最后一个选择是添加背景div，并通过赋予div不透明度来赋予位置绝对值和填充位置。