Umwandlung von Graustufen in Schwarz-Opazität

Ich habe color: rgb(51, 51, 51);, color: #333333 und color: black; opacity: 0.8; äquivalente Grautöne gefunden. Wie kann ich das verallgemeinern?Umwandlung von Graustufen in Schwarz-Opazität

Mit anderen Worten, wie kann ich einen gegebenen Wert von opacity bei einer beliebigen RGB- oder HEX-Farbe/Graustufen bestimmen, wenn color: black;?

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>

Quelle

2017-09-08 Mowzer

Werfen Sie einen Blick auf https://www.viget.com/articles/ Gleichsetzung von Farbe und Transparenz –

Sie könnten diese Hextool Website nutzen. Verwenden Sie die RGBA. Der vierte Wert ist die Opazität dieser Farbe.

ZB: -

rgba(51, 51, 51, 0.87)

87% Opazität

Hex Opazitätswerte

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

Quelle

2017-09-08 07:55:36 Hash

Umwandlung von Graustufen in Schwarz-Opazität

Antwort

Verwandte Themen