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 上的发布页面。