この解答例は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)`;
}

解法のポイント:

  1. 引数のvalidationについては特に記述していませんが、必要に応じて行いましょう。
  2. まず、引数のHEX値から#を取り除きます。
  3. 次に、文字列の一部分を切り取ってそれぞれR、G、Bの16進数を取得します。substring()関数は、第一引数に指定したindex番号から第二引数に指定したindex番号の手前までの文字列を切り取ります。
  4. parseInt()関数を使用して、16進数の値を10進数に変換します。
  5. 最後に、変換されたR、G、Bの値を使ってrgba()表記の文字列を生成します。Alphaチャンネルは1(不透明)となっています。

このように実装することで、HEX値からRGBA表記に変換することができます。