Conversion de l'échelle de gris en opacité noire

J'ai découvert color: rgb(51, 51, 51);, color: #333333 et color: black; opacity: 0.8; pour produire des nuances de gris équivalentes. Comment puis-je généraliser cela? En d'autres termes, étant donné une couleur/nuance de gris ou RVB arbitraire, comment puis-je déterminer la valeur équivalente opacity lorsque color: black;?Conversion de l'échelle de gris en opacité noire

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>

Source

2017-09-08 Mowzer

Jetez un oeil à https://www.viget.com/articles/ équation-couleur-et-transparence –

Vous pouvez utiliser ce site Hextool aussi. Utilisez le RGBA. La quatrième valeur est l'opacité de cette couleur.

Par exemple: -

rgba(51, 51, 51, 0.87)

87% Opacité

Hex Opacité Valeurs

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

Source

2017-09-08 07:55:36 Hash

Conversion de l'échelle de gris en opacité noire

Répondre

Questions connexes