【拡張機能不要】VSCodeでカラーコードを16進数とRGBの相互変換する方法
VSCodeで16進数のカラーコードとRGBカラーコードを相互変換する方法をご紹介します｡
「デザインデータから16進数でコピってきたけど､半透明にしたいからRGBAにしたい」ということよくありますよね｡
この色をRGBに変換します｡
自動表示される四角い色の部分をホバーします｡
これが表示されない方は､設定から「Editor: Color Decorators」にチェックが入っているかご確認ください｡
上部のカラーコードをクリックします
「hsl()」→「hwb()」→「rgb()」→「16進数」の順番で変換することができます！
あとはご自由に､rgba()にして半透明にしたりできますね｡
以上､VSCodeでCSSなどのカラーコードを16進数からRGBに相互変換する方法でした！
お役に立てましたら応援をお待ちしております！
頂いた応援は子育てに活用させていただきます｡
または以下のボタンからなにか買って応援 (PR)