JavaScriptでカラーコードをHEX（16進数）/RGB変換

HEX（#ff000などの１６進数カラーコード）をrgbに変換するJavaScriptです。
HEX指定の色を、半透明にしたくてrgbaコードがほしい時に使いました。

See the Pen HEX <--> RGB by webdev (@webdev-jp-net) on CodePen.0

HEX→RGB

HEXは、R2桁+G2桁+B２桁が集合した6桁なので
この手順でRGBに変換できます。

  1. substringで2桁ずつ３つに分解
  2. parseIntで16進数から10進数に変換

RGB→HEX

HEXからRGBの逆パターンです。

  1. R,G,Bそれぞれの値をparseIntで10進数から16進数に変換
  2. ６桁に結合

関連記事

Pocket
Share on Tumblr