【VSCode】 16進数「カラーコード」⇔「RGB」形式を相互変換する

こんにちは、さち です。

普段、ウェブサイトを作るときは「Visual Studio Code（以下：VSCode）」を使っています。動作が軽く色々な機能も追加できるのに、無料で利用できる最強のコードエディターアプリです。

今回は、この VSCode で、16進数の「カラーコード」や「RGB」などを別の形式の表記に変換する方法について書いていきます。

操作手順

1. 「16進数」のカラーコード ＃999999 があります。これを「RGB」形式に変換してみましょう。
   
2. 「カラーサンプル（色見本）」部分をクリック。
   
3. 「カラーコード」が書かれている部分をクリックします。
   
4. カラーコードが「HSL」形式の表記に変換されました。
   
5. 何度かクリックすると、「RGB」形式になります。
   
6. カラーコードを「RGB」形式に変換できました。
   

【おまけ】 変換される順番