この解答例はChatGPTによって生成されています,正しいかは自己判断で。 皆の投稿からも解答例が見つかるかもしれませんよ。
BFE.devでのAI解答例 - JavaScript コーディング問題
78. HEX から RGBAへ変換する
以下がJavaScriptの解法です。
function hexToRgb(hex) { // hex値の整形 hex = hex.replace('#', ''); // R, G, Bの16進数を取得 const r = parseInt(hex.substring(0, 2), 16); const g = parseInt(hex.substring(2, 4), 16); const b = parseInt(hex.substring(4, 6), 16); // RGBA表記を返す return `rgba(${r}, ${g}, ${b}, 1)`;}
解法のポイント:
- 引数のvalidationについては特に記述していませんが、必要に応じて行いましょう。
- まず、引数のHEX値から
#
を取り除きます。 - 次に、文字列の一部分を切り取ってそれぞれR、G、Bの16進数を取得します。
substring()
関数は、第一引数に指定したindex番号から第二引数に指定したindex番号の手前までの文字列を切り取ります。 parseInt()
関数を使用して、16進数の値を10進数に変換します。- 最後に、変換されたR、G、Bの値を使って
rgba()
表記の文字列を生成します。Alphaチャンネルは1(不透明)となっています。
このように実装することで、HEX値からRGBA表記に変換することができます。