web-dev-qa-db-ja.com

テーマカスタマイザカラーピッカーからrgba colorを使用する方法

私はワードプレスのテーマを作成していて、その中でユーザーがテーマのアクセントカラーを変更できるようにテーマカスタマイザを使用しています。現在はすべてうまくいっていますが、16進数ではなくrgba（）で色を指定する必要がある要素はほとんどありません。

私はいろいろ調べてみたところ、カスタマイザのカラーピッカーをrgba（）で動作させる方法がないことを知りましたが、多くのテーマでそれが可能であり、私もそれができる方法を知りたいのですどこでも解決策。

あなたがこれを行う方法を知っているかどうか私に知らせてください。どうもありがとうございました。

これは、カラーピッカーから取得した値をアンカータグに割り当てるコードの一部です。

wp.customize( 'tcx_link_color', function( value ) {
    value.bind( function( to ) {
        $( 'a' ).css( 'color', to );
    } );
});
theme-customizercolor-picker
2
user1981248

なぜあなたはそれをRGBAで表現したいのですか？ここでAはアルファチャンネルを意味します（私は思います）

つまり、hexは透明度をサポートしていないため、RGBに変換する場合は、16進数から10進数に変換するだけで済みます。

r = parseInt(hex.substring(0,2), 16);
g = parseInt(hex.substring(2,4), 16);
b = parseInt(hex.substring(4,6), 16);
result = 'rgba('+r+','+g+','+b+','+1+')';

http://jsfiddle.net/ekinertac/3Evx5/1/から取得しました

これは16進数を10進数に変換するだけです。

1
CBeTJlu4ok