從不停下來的學習
  • Home
  • About
  • Links
  • Ghost
  • Docker
  • VueJS
  • Stable Diffusion
Sign in Subscribe

Hex

改變顏色編碼 Hex to RGB

改變顏色編碼 Hex to RGB

由於我想使用半透明背景但資料庫早就輸入了 Hex 顏色碼,要輸出成 RGBA 顏色碼才能使用只有背景半透明的 CSS ,所以就用 Javascript 試寫一下。 在 methods 把入來的顏色分別抽出 1+2, 3+4, 5+6 三組轉成顏色 code 再把 result 組合成 RGB 顏色,最後加上透明度 這樣就可以把輸入的顏色變成半透明啦~ 其實 stackoverflow 也有相關答案,也有更高精度的操作 e.g. 把簡寫版的 Hex 顏色碼也納入考慮之列,也有使用其他 function 去完成的方法以供參考。
Edmond Yip Jan 5, 2018

Subscribe to 從不停下來的學習

Subscribe 以取得最新消息!
©256pages