hex to rgba

hex-to-rgba昔ながらの CSS 16 進カラー値文字列を rgba() 文字列に変換します。

オプションでアルファ値を渡します。渡されたアルファ値は、4 桁または 8 桁の 16 進数のアルファ値をオーバーライドします。アルファ値をまったく渡さない場合は、デフォルトでアルファ値 1 (完全に不透明) が設定されます。

先頭のハッシュの有無にかかわらず、3 桁、4 桁、6 桁、および 8 桁の 16 進値をサポートします。

インストール

$ 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 に変換する 16 進カラー値。 (例: '123456' 、 '#123456' 、 '123' 、 '#123' )
• a : 適用するアルファ値。 (オプション、デフォルト: 1) (例: '0.5' 、 0.25 )

貢献する

Github での問題や PR に感謝します。

テスト

 yarn build && yarn test

解放する

このプロジェクトではnpを使用します。

1. 変更がマスターに反映されていることを確認してください
2. yarn releaseを実行します
3. インタラクティブなリリース ガイドに従ってください

変更履歴

GitHub のリリース ページを参照してください。