hex to rgba

hex-to-rgba convierte una cadena de valor de color hexadecimal CSS antigua en una cadena rgba().

Opcionalmente, pase un valor alfa. El valor alfa pasado anulará cualquier valor alfa de hexágonos de 4 u 8 dígitos. Si no pasa ningún valor alfa, utilizaremos de forma predeterminada un valor alfa de 1 (completamente opaco).

Admite valores hexadecimales de 3, 4, 6 y 8 dígitos con o sin hash inicial.

Instalación

$ npm install --save hex-to-rgba

o

$ yarn add hex-to-rgba

Uso

 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)" 

Firma

hexToRgba(hex, a=1)

Devuelve una cadena rgba(). (ejemplos: 'rgba(11, 22, 33, 1)' , 'rgba(11, 22, 33, 0.5)' )

Parámetros

• hex : El valor de color hexadecimal para convertir a rgba. (ejemplos: '123456' , '#123456' , '123' , '#123' )
• a : Un valor alfa a aplicar. (opcional, predeterminado: 1) (ejemplos: '0.5' , 0.25 )

Contribuyendo

¡Aprecio sus problemas y relaciones públicas en Github!

Pruebas

 yarn build && yarn test

Liberando

Este proyecto utiliza np.

1. Asegúrate de que tus cambios estén en master
2. Ejecutar yarn release
3. Siga la guía de lanzamiento interactiva

Registro de cambios

Consulte la página de lanzamientos en GitHub.