/ Javscript

改變顏色編碼 Hex to RGB

由於我想使用半透明背景但資料庫早就輸入了 Hex 顏色碼,要輸出成 RGBA 顏色碼才能使用只有背景半透明的 CSS ,所以就用 Javascript 試寫一下。

在 methods 把入來的顏色分別抽出 1+2, 3+4, 5+6 三組轉成顏色 code
再把 result 組合成 RGB 顏色,最後加上透明度
這樣就可以把輸入的顏色變成半透明啦~

其實 stackoverflow 也有相關答案,也有更高精度的操作 e.g. 把簡寫版的 Hex 顏色碼也納入考慮之列,也有使用其他 function 去完成的方法以供參考。

改變顏色編碼 Hex to RGB
Share this