[解決済み] 16進数からRGBAへの変換
2022-10-24 02:45:21
質問
私のバイオリン http://jsbin.com/pitu/1/edit
私は簡単に hex から rgba への変換を試したいと思いました。私が使用してきたブラウザは、デフォルトで rgb を使用して色をレンダリングするので、farbtastic カラー ピッカーを使用するときは、(デフォルトで rgb として) 16 値が生成する背景色を取得することにより、16 値を rgb に変換していました。
を置き換えてみました。
)
という記号を
, 1)
に変換しましたが、うまくいかなかったので、rgbをrgbaに変換するとどうなるのかだけ確認しに行きましたが、まだ問題があります。
jqueryの
$('.torgb').val($('#color').css('background-color'));
$('.torgba').val().replace(/rgb/g,"rgba");
ゴール
EDIT :
タイニーカラー このライブラリは、私が欲しいものすべてを実現し、さらに多くのことを行うことができる素晴らしい色操作のjsライブラリです。皆さんも試してみてはいかがでしょうか?- https://github.com/bgrins/TinyColor
どのように解決するのですか?
//If you write your own code, remember hex color shortcuts (eg., #fff, #000)
function hexToRgbA(hex){
var c;
if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)){
c= hex.substring(1).split('');
if(c.length== 3){
c= [c[0], c[0], c[1], c[1], c[2], c[2]];
}
c= '0x'+c.join('');
return 'rgba('+[(c>>16)&255, (c>>8)&255, c&255].join(',')+',1)';
}
throw new Error('Bad Hex');
}
hexToRgbA('#fbafff')
/* returned value: (String)
rgba(251,175,255,1)
*/
関連
-
[解決済み] RGBAカラーをRGBに変換する
-
[解決済み] JavaScriptで文字列をbooleanに変換するにはどうしたらいいですか?
-
[解決済み] JavaScriptで文字列を整数に変換する方法は?
-
[解決済み] JavaScriptで10進数から16進数へ変換する方法
-
[解決済み] jQueryでフォームデータをJavaScriptオブジェクトに変換する
-
[解決済み] RGBから16進数、16進数からRGB
-
[解決済み] プログラムによって、16進数の色を明るくしたり暗くしたりする(または、rgb、およびブレンドカラー)。
-
[解決済み] 16進カラーが「黒すぎる」ことを確認するには?
-
[解決済み] JavaScriptで次の要素/前の要素を取得しますか?
-
[解決済み] Pythonで16進数からRGB値への変換
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】React Nativeでビューの背景色を透明に設定する方法
-
[解決済み] bootstrap のポップオーバーがすべての要素の上に表示されない
-
[解決済み] サブドメインにまたがってlocalStorageを使用する
-
[解決済み] Javascriptで動的に命名されたメソッドを呼び出すにはどうすればよいですか?
-
[解決済み] JavaScript のオブジェクトの配列を比較し、最小値/最大値を取得する
-
[解決済み] 文字列とラベルのローカライズとグローバリゼーションのベストプラクティス【終了しました
-
[解決済み] javascriptでオプションのパラメータを扱う
-
[解決済み] jQueryを使用して、すべてのクリックイベントハンドラを削除するにはどうすればよいですか?
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?
-
[解決済み] V8 Javascript エンジンのスタンドアロン実行