RGBAカラーをHTMLカラーコードに変換する

Question

私はアプリケーション内にユーザーがアプリケーションが出力する特定のオブジェクトの色を選択するためのカラーピッカーを用意しています。カラーピッカーは、RGBA形式で選択された色を出力しています。しかし、私はHTMLのカラーコードが必要です。 RGBAを色を知らずにHTMLに変換し、それを後で文字列として使用できるようにする必要があります。これをどうやってやりますか？

Answer 1

RGBAはネイティブCSS3によってサポートされています。

div { 
    background: rgba(200, 54, 54, 0.5); 
} 

のFirefox、Safariの、クローム、IE9やOperaのブラウザすべてのサポートRGBAを。それ以前のIEではサポートしていません。

幸運にも、それをサポートするブラウザにはRGBA色を指定し、そうでないブラウザには代替色を指定することができます。偉大なハウプトについては、linkをチェックしてください。は、ブラウザが不透明度が利用できない場合にソリッドカラーを使用してにフォールバックすることを許可する：

1. BACK SOLID COLOR TO FALLING - リンクから- ：

これら

には2つのオプションがあります。

h1 { 
    color: rgb(127, 127, 127); 
    color: rgba(0, 0, 0, 0.5); //for modern browsers only 
} 

2. PNGにフォールバック：をあなたは背景色に透明度を使用している場合には、それは、アルファとのPNGを使用してにフォールバックすることが可能です（ではないが国境やテキスト上）同じ効果を得るにはチャネルを使用します。これは、CSSを使用するよりも柔軟性が低く、必要な透明度のレベルごとに新しいPNGを作成する必要がありますが、これは有用な解決策になります。あなたは色をピックアップした後、私はあなたがいると思う - JavaScriptやjQueryを使って -

h1 { 
    background: transparent url(imageName.png); 
    background: rgba(0, 0, 0, 0.5) none; //for modern browsers only 
} 

私が言うことをしようとしていますが、あなたがHTMLのカラーコードを必要としないことで、あなただけのCSSプロパティrgbaを追加する必要があります完了しました。

希望します。

Answer 2

あなたは（a）のJavaScriptでHexにRGBから（あなたの質問のテキストは文字通りを要求する）実際の変換を探しているなら：

red = green = blue = 255; 
hex = '#' + 
    ("0" + (red).toString(16)).slice(-2) + 
    ("0" + (green).toString(16)).slice(-2) + 
    ("0" + (blue).toString(16)).slice(-2); 

何アルファ同等のはもちろんありませんが、不透明度（および/またはブラウザ固有の-opacity）を設定することができます。