合併十六進制和不透明度

我有CSS類如下。我可以得到一個hex值而不是兩者嗎？換句話說，合併兩者並返回hex值。合併十六進制和不透明度

.my-class{ 
    background-color: #50A2A7; 
    opacity: 0.41; 
}

來源

2017-09-20 Sampath

不能使用不透明度HEX值，你必須切換到RGBA這樣的：

background-color: rgba(80, 162, 167, 0.41);

來源

2017-09-20 07:49:18

喔..優秀。我有'opacity'的大問題。這是一個完美的解決方案。非常感謝:) – Sampath

歡迎，您可以在這裏瞭解更多信息：https://www.w3schools.com/css/css3_colors.asp –

謝謝。你有沒有使用任何工具將'hex'轉換爲'RGB'？ – Sampath

對於這個組合的十六進制值將是＃B9D9DB。但是，通過使用這個值，當然不會有任何透明度。

來源

2017-09-20 07:51:46

您目前需要將十六進制值轉換爲RGB值，然後使用rgba()。要轉換，您可以在十六進制和rgb之間進行轉換，例如this one。

一旦你有了rgb值，你可以使用rgba()和你的不透明度值。

.my-class{ 
    background-color: rgba(80, 162, 167, 0.41); 
}

div { 
 
    height: 50px; 
 
    margin-bottom: 20px; 
 
} 
 

 
.class1 { 
 
    background-color: #50A2A7; 
 
    opacity: 0.41; 
 
} 
 

 
.class2 { 
 
    background-color: rgba(80, 162, 167, 0.41); 
 
}

<div class="class1"></div> 
 
<div class="class2"></div>

來源

2017-09-20 07:53:42

@sampath 不能有具有CSS類爲十六進制的背景色和具有相同的樣式行不透明度值你可以去爲RGBA風格背景顏色：rgba（80,161,165,0.41）和hsla風格背景顏色：hsla（183,35％，48％，0.41）

來源

2017-09-20 07:54:49

您可以使用此網站。 Hexcolortool您可以找到所需顏色的完美不透明度。你必須使用RGBA這導致了fouth值，它是不透明

例：rgba(80, 162, 167, 0.41)

不透明度：41%

41％

body { 
 
    background-color: rgba(80, 162, 167, 0.41); 
 
}

100％

body { 
 
    background-color: rgba(80, 162, 167, 1); 
 
}

來源

2017-09-20 07:59:54 Hash

合併十六進制和不透明度

回答

相關問題