[フロントエンド] Javascriptでカラー定義を変換する（hex -> rgba） - YoheiM .NETこんにちは、@yoheiMuneです。 今日はTips的な話ですが、hexで定義されたカラーコード（例：#FF00FF）を、rgbaカラーコード（例：rgba(255, 0, 255, 1)）に変換するための、JavaScriptコードを書く機会があったのでブログにも残したいと思います。 目次 やりたかったこと 外部から指定されるカラーコードがhex定義（例：FF0000）なのですが、それを元に背景色を指定したい、それも透過で指定したいという要件でした。そのためにhexからrgbaに変換するためのコードを実装した次第です。 hexからrgbaに変換するコード 実際には、以下のようなコードで実装することができました。 /** * hexカラーコード定義をrgbaに変換する. */ function hex2rgba (hex, alpha = 1) { // ロングバージョンの場合（例：#F
![[フロントエンド] Javascriptでカラー定義を変換する（hex -> rgba） - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/19f0c584b86690013e61c000cc9b1aaa50742a0f/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F528.jpg)
