この解答例は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表記に変換することができます。