【VSCode】カラーコードを自動で色付してくれる拡張機能「Color Highlight」

最近エディタを VSCode（Visual Studio Code）に変更したのですが、その時に入れた拡張機能をご紹介。
他にも「zenkaku」や「Bracket Pair Colorizer 2」なんかもおすすめしたいのですが、個人的には「Color Highlight」が一押しかもしれません。

ページはこちら。

Color Highlight – Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

インストール方法は、VSCode の拡張機能タブの検索欄に「Color Highlight」と入力すればヒットしますので、そこからインストールすればOKです。
こちらの作業は特に難しくはないはずです。

で、実際に拡張機能を入れたときの見た目がこちら。

色コードが自動的にその色で塗りつぶされています！
流石に色コードでこの色が何色かまではまだわからないので、これで一目でどんな色なのかが分かりますね！

以前までは、折角定義してあるのにどんな色だったか忘れて検索していたので、それを考えるとかなり便利になりました。
というか、以前が不便すぎたんでしょうが…その時はこれが普通だと思っていたので、疑問にも思わなかったんですよね。

…これを目の当たりにしたので、とりあえず便利なものは片っ端から導入しようと決意しました。
とりあえず、自宅の私用 PC のエディタも VSCode に変更する予定です。

以上、VSCode で色コードを自動的に色付けしてくれる拡張機能「Color Highlight」のご紹介でした。
特にフロントエンドを開発される方は、是非導入することをおすすめします。
ご参考になれば幸いです。