JavaScript における RGB から 16 進数への色変換

はじめに

この実験では、JavaScript で RGB 値を 16 進数の色コードに変換するプロセスを調べます。与えられた RGB パラメータを、ビットシフト左シフト演算子と Number.prototype.toString() を使って、String.prototype.padStart() を使って 6 桁の 16 進数値に変換します。この実験は、変換プロセスを理解し、JavaScript でのアルゴリズムの実装に関する実践的な経験を与えます。

RGB から 16 進数に変換する

RGB 値を 16 進数の色コードに変換するには：

1. ターミナル/SSH を開き、コーディングを練習するために node と入力します。
2. 次の関数を使用します：

const RGBToHex = (r, g, b) =>
  ((r << 16) + (g << 8) + b).toString(16).padStart(6, "0");

3. RGB 値を引数として関数を呼び出して、6 桁の 16 進数値を取得します。

例：

RGBToHex(255, 165, 1); // 'ffa501'

まとめ

おめでとうございます！あなたは RGB から 16 進数の実験を完了しました。あなたのスキルを向上させるために、LabEx でさらに実験を練習することができます。