2017-09-08 6 views
2

私は、color: rgb(51, 51, 51);,color: #333333およびcolor: black; opacity: 0.8;が同等のグレーの色合いを生成することを発見しました。どのように一般化することができますか?グレースケールから黒不透明への変換

つまり、グレーの任意のRGBまたはHEXの色/陰影が与えられた場合、の同等の値はどのようにして決定できますか?color: black;?あなたもこのHextoolサイトを使用することができます

Here is the Codepen Demo.

<style> 
    div { 
    font-family: sans-serif; 
    font-size: 48px; 
    margin: 20px; 
    padding: 60px; 
    } 
    .rgb { 
    color: rgb(51, 51, 51); /* given this value... */ 
    } 
    .hex { 
    color: #333333; /* ...or given this value */ 
    } 
    .opacity { 
    color: black; 
    opacity: 0.8; /* how can I determine this value? */ 
    } 
<style> 

<body> 
    <div class="rgb">rgb(51, 51, 51)</div> 
    <div class="hex">hex #333333</div> 
    <div class="opacity">opacity 0.8</div> 
</body> 
+1

値%の不透明度がhttps://www.viget.com/articles/を見てください同等の色と透明性 –

答えて

1

RGBAを使用します。四番目の値は、その色の不透明度です。

例: -

rgba(51, 51, 51, 0.87) 

六角不透明度が

100% — FF 
95% — F2 
90% — E6 
85% — D9 
80% — CC 
75% — BF 
70% — B3 
65% — A6 
60% — 99 
55% — 8C 
50% — 80 
45% — 73 
40% — 66 
35% — 59 
30% — 4D 
25% — 40 
20% — 33 
15% — 26 
10% — 1A 
5% — 0D 
0% — 00 
関連する問題