hex to rgba

hex-to-rgba將老式的 css 十六進位顏色值字串轉換為 rgba() 字串。

可以選擇傳入 alpha 值。傳遞的 alpha 值將覆蓋 4 或 8 位元十六進位的任何 alpha 值。如果您完全不傳入 alpha 值，我們將預設將 alpha 值設為 1（完全不透明）。

支援帶或不帶前導哈希的 3、4、6 和 8 位元十六進位值。

安裝

$ npm install --save hex-to-rgba

或者

$ yarn add hex-to-rgba

用法

 import hexToRgba from 'hex-to-rgba' ;

// Or if you're so inclined:
// var hexToRgba = require("hex-to-rgba");

hexToRgba ( '112233' ) ; // "rgba(17, 34, 51, 1)"
hexToRgba ( '#112233' ) ; // "rgba(17, 34, 51, 1)"
hexToRgba ( '112233' , '0.5' ) ; // "rgba(17, 34, 51, 0.5)"
hexToRgba ( '#112233' , 0.75 ) ; // "rgba(17, 34, 51, 0.75)"

hexToRgba ( '11223344' ) // "rgba(17, 34, 51, 0.27)"
hexToRgba ( '#11223344' ) // "rgba(17, 34, 51, 0.27)"
hexToRgba ( '11223344' , '0.5' ) // "rgba(17, 34, 51, 0.5)"
hexToRgba ( '#11223344' , 0.75 ) // "rgba(17, 34, 51, 0.75)"

hexToRgba ( '123' ) ; // "rgba(17, 34, 51, 1)"
hexToRgba ( '#123' ) ; // "rgba(17, 34, 51, 1)"
hexToRgba ( '123' , 0.2 ) // "rgba(17, 34, 51, 0.2)"
hexToRgba ( '#123' , 0.2 ) // "rgba(17, 34, 51, 0.2)"

hexToRgba ( '1234' ) ; // "rgba(17, 34, 51, 0.27)"
hexToRgba ( '#1234' ) ; // "rgba(17, 34, 51, 0.27)"
hexToRgba ( '1234' , 0.5 ) // "rgba(17, 34, 51, 0.5)"
hexToRgba ( '#1234' , 0.75 ) // "rgba(17, 34, 51, 0.75)" 

簽名

hexToRgba(hex, a=1)

傳回一個 rgba() 字串。 （例： 'rgba(11, 22, 33, 1)' , 'rgba(11, 22, 33, 0.5)' ）

參數

• hex ：要轉換為 rgba 的十六進位顏色值。 （例： '123456' 、 '#123456' 、 '123' 、 '#123' ）
• a ：要套用的 alpha 值。 （可選，預設值：1）（範例： '0.5' 、 0.25 ）

貢獻

感謝您在 Github 上提出的問題和 PR！

測試

 yarn build && yarn test

釋放

該項目使用 np.

1. 確保您的變更在 master 中
2. 運行yarn release
3. 遵循互動式發布指南

變更日誌

請參閱 GitHub 上的發布頁面。