RGB +不透明度をRGB/HSL色に変換

Question

次のリンクは、 "rgb #FFFFFF + opacity 70％"のような色データを提供します。

• HSL（X、Y％で、Zの％）
• RGB（x、y、z）を

：

はreact-nativeのために私は次のいずれかの形式で色を必要とします上記の色をこの形式に変換するにはどうすればよいですか？ （私はhsl - > rgbとバックは簡単だと思う）

解決策は#FFFFFFだけでなく、

Answer 1

透明度をRGBまたはHSLとしてコーディングすることはできません。必要なものはアルファ成分です。 その場合、RGBAまたはHSLAでなければなりません。

RGBA：

color: rgba(255,255,255, 0.7); 

HSLA：

color: hsla(0, 0%, 100%, 0.7); 

あなたは不透明度を軽減しようとすることができますが、それは全体の要素の不透明度を軽減します。

background: #fff; 
opacity: 0.7 

Answer 2

単純にinspect要素を使用します。そして、変更下の写真のカラーフォーマット

外観：。

Answer 3

をあなたが混合される背景色を、提供する必要がRGBにRGBAを変換するには、誰かが私は、そのためのコードスニペットを書きましたここに貼り付けます私はそれを自分でプログラムしなかった。

https://gist.github.com/tqc/2564280

function RGBAtoRGB(r, g, b, a, r2,g2,b2){ 
    var r3 = Math.round(((1 - a) * r2) + (a * r)) 
    var g3 = Math.round(((1 - a) * g2) + (a * g)) 
    var b3 = Math.round(((1 - a) * b2) + (a * b)) 
    return "rgb("+r3+","+g3+","+b3+")"; 
    } 

let result = RGBAtoRGB(225,110,0,0.5,255,255,255);