hex to rgba

hex-to-rgba превращает старомодную строку шестнадцатеричного значения цвета CSS в строку rgba().

При необходимости передайте альфа-значение. Переданное альфа-значение переопределяет любое альфа-значение из 4- или 8-значных шестнадцатеричных чисел. Если вы вообще не передаете значение альфа, мы по умолчанию будем использовать значение альфа, равное 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 : применяемое альфа-значение. (необязательно, по умолчанию: 1) (примеры: '0.5' , 0.25 )

Содействие

Я ценю ваши проблемы и пиар на Github!

Тестирование

 yarn build && yarn test

Выпуск

В этом проекте используется np.

1. Убедитесь, что ваши изменения находятся в мастере
2. Запустить yarn release
3. Следуйте интерактивному руководству по выпуску

Журнал изменений

См. страницу релизов на GitHub.