Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

16進数からRGBカラーへのJavaScript


16進数の色を取り、そのRGB表現を返すJavaScript関数を作成する必要があります。

この関数は、赤、緑、青のそれぞれの値を含むオブジェクトを返す必要があります-

例:

hexToRgb('#0080C0') should return 0, 128, 192

このためのコードは-

になります
const hex = '#0080C0';
const hexToRGB = hex => {
   let r = 0, g = 0, b = 0;
   // handling 3 digit hex
   if(hex.length == 4){
      r = "0x" + hex[1] + hex[1];
      g = "0x" + hex[2] + hex[2];
      b = "0x" + hex[3] + hex[3];
      // handling 6 digit hex
   }else if (hex.length == 7){

      r = "0x" + hex[1] + hex[2];
      g = "0x" + hex[3] + hex[4];
      b = "0x" + hex[5] + hex[6];
   };

   return{
      red: +r,
      green: +g,
      blue: +b
   };
}
console.log(hexToRGB(hex));

以下はコンソールでの出力です-

{ red: 0, green: 128, blue: 192 }

  1. JavaScriptで列挙型を説明します。

    JavaScriptはそのままの列挙型をサポートしていません。 javaScriptで列挙型を使用する唯一の方法は、オブジェクトを使用して列挙型を実装することです。 以下は、JavaScriptで列挙型を示すコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-

  2. tkinterでrgbカラーコードを使用する方法は?

    Tkinterには、アプリケーション開発者が堅牢で機能のあるアプリケーションを構築するのに役立つ多くの機能と属性が組み込まれています。 Tkinterのconfigureメソッドを使用して、ウィジェットの背景色、前景色、その他のプロパティなどの属性を設定できます。 ウィジェットの背景色または前景色を設定するには、デフォルトとRGBの両方のカラーコードを使用できます。 RGBは、R、G、Bの値の異なる桁を含む6桁の英数字で定義されます。 tkinterでRGBカラーコードを使用するには、#aab123。の形式を使用して定義する必要があります。 例 # Import the required