{"bugs":{"url":"https://github.com/noeldelgado/parse-css-color/issues"},"dist":{"shasum":"9851be604dbef914f1a02b3a55eb1a22980bcef4","tarball":"https://registry.npmjs.org/parse-css-color/-/parse-css-color-0.2.2-beta.0.tgz","fileCount":7,"integrity":"sha512-NKH6JhqUyBH9evutL0UVz31GyRda4IcRQTuN3PurepKGuFH6ItnF2hCO7qdcHrzZheMDLY1uNLSVgkETdGY2nA==","signatures":[{"sig":"MEUCIQCMJ5AIr/PN1ywN9qAlN4sHYXO3ChvfG8gd/ZWuIyaqGQIgRZEettjwUkEog1S5ruVWuoazpM1LX+E+R361nWnav8s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMgHtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4rg/+M7fyzzDrdbFGnQ6zc0YBzN9PGhl33GsaIOSv38eluDx1rluI\r\ncRb2gTbZUbaZywM3L3CaWrOUxAfR6Ys7BuKzZl31xqy4CNbAoCqGsA4Lx/Lq\r\nSUsH5eXHL3odKMBAs6QCAiCQ6rs0HvJs3yjeiKx0Ek4vXVO8pxDMlPm+PUsJ\r\nd5g2wD3fDCeMRcVUAroyO8ogCjuYzGh4hD6lciRXLD/3cLAgkNOHdk8i/p6i\r\nO+YsTO+J4tSSAZUxtd+TUboMjuRuO8AiQSCs29SJngrHguZnsNF+Kvxee3yk\r\nmMCD1wARZfLosRIi2rQWwnvTUGnHJ0FvDswE1ZUkwH/+TPTRkGcJ4dOqeEd3\r\n60zJ+Jh1DHxEGV5kWCa/eTG53gVNX+bSUgz+b7Byj2xwSXvwP1Fxo4N/91xp\r\n1+8N6RpWRf+DpsplC16UMdn08ObBe2QqKtuecEhUY5pHKmJa3s/Hxq2OQm8d\r\nthquZb7CpW+tkqwLoao2/Vv5nxRTCEiqcNEinCDVXoxSmHsPhV7bTbrL2ae9\r\nZP29qxkUVKihrXl4R5yVJBQJUw2qqhZnrHzGq7cACLQSuYf1v1lo529++cAQ\r\ngpF/5mGr8m9oY0miKJX61KtiwFYJOwnVRVIQ+Ju5M0VYtb1diAMn2X7eTByD\r\nv81g2qnj9oAPmHcgeOEmDHegJVbuIcEVSnU=\r\n=0M6k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","name":"parse-css-color","types":"dist/index.d.ts","author":{"url":"https://pixelia.me/","name":"Noel Delgado","email":"pixelia.me@gmail.com"},"module":"dist/index.esm.js","readme":"# parse-css-color\n[![npm-image](https://img.shields.io/npm/v/parse-css-color.svg)](https://www.npmjs.com/package/parse-css-color)\n![license-image](https://img.shields.io/npm/l/parse-css-color.svg)\n[![Known Vulnerabilities](https://snyk.io/test/npm/parse-css-color/badge.svg)](https://snyk.io/test/npm/parse-css-color)\n![](https://img.badgesize.io/noeldelgado/parse-css-color/master/src/index.js.svg?compression=gzip)\n\nParse a CSS color string.\n\n### Supports\n* \\<color value\\>\n\t* Hexadecimal RGB value: #RGB #RRGGBB\n\t* #RGBA #RRGGBBAA (4 and 8-digit hexadecimal RGBA notation)\n\t* RGB/A color module level 3 and 4 (number, percentage)\n\t* HSL/A color module level 3 and 4 (number, deg, rad, turn)\n* \\<color keyword\\>\n\t* One of the [pre-defined color keywords](https://www.w3.org/wiki/CSS/Properties/color/keywords).\n* transparent\n\t* Shorthand for transparent black, rgba(0,0,0,0).\n\n### Does not support\n* currentColor\n* inherit\n\n## Installation\n\n**NPM**\n\n```sh\nnpm i parse-css-color\n```\n\nOr as a `<script>` tag from a CDN as `parseCssColor`:\n\n**Unpkg CDN**\n\n```html\n<script src=\"https://unpkg.com/parse-css-color\"></script>\n```\n\n**jsDelivr CDN**\n\n```html\n<script src=\"https://cdn.jsdelivr.net/npm/parse-css-color\"></script>\n```\n\n## Usage\n```js\nimport parse from 'parse-css-color'\n\n// HEX/A\nparse('#00f')\n//> { type: 'rgb', values: [0, 0, 255], alpha: 1 }\nparse('#00f8')\n//> { type: 'rgb', values: [0, 0, 255], alpha: 0.5333333333333333 }\nparse('#0000FF80')\n//> { type: 'rgb', values: [0, 0, 255], alpha: 0.5019607843137255 }\nparse('#00g')\n//> null\n\n// HSL/A\nparse('hsl(270deg 60% 70% / 25%)')\n//> { type: 'hsl', values: [270, 60, 70], alpha: 0.25 }\nparse('hsl(4.71239rad 260% -70% / 0.5)') // clipped to\n//> { type: 'hsl', values: [270, 100, 0], alpha: 0.5 }\nparse('hsla(.75turn, 60%, 70%, 50%)')\n//> { type: 'hsl', values: [270, 60, 70], alpha: 0.5 }\nparse('hsla(100deg 0 0 / 0)') // error: missing percetanges\n//> null\n\n// RGB/A\nparse('rgb(255 0 0 / 0.5)')\n//> { type: 'rgb', values: [255, 0, 0], alpha: 0.5 }\nparse('rgb(500 -100 0 / 200%)') // clipped to\n//> { type: 'rgb', values: [255, 0, 0], alpha: 1 }\nparse('rgba(255, 0, 255, 20%)')\n//> { type: 'rgb', values: [255, 0, 255], alpha: 0.2 }\nparse('rgba(100% 255 100% / 0)') // error: mixed percetange with integer\n//> null\n```\nSee [tests](https://github.com/noeldelgado/parse-css-color/tree/master/test) for more cases.\n\n## Dev\n```sh\nnpm install   # install dependencies\nnpm test      # run the tests (append `-- -w`) to watch\nnpm run dev   # watch for changes and rebuild\n```\n\n## Related\n- [mix-css-color](https://github.com/noeldelgado/mix-css-color) - Mix two CSS colors together in variable proportion. Opacity is included in the calculations.\n- [values.js](https://github.com/noeldelgado/values.js) - Get the tints and shades of a CSS color.\n\n## License\nMIT © [Noel Delgado](http://pixelia.me/)\n","browser":"dist/index.umd.js","gitHead":"ae3ba6598ad4a73cb31acb870d6fb28dc63c73e4","license":"MIT","scripts":{"dev":"rollup -c -w","test":"mocha --require esm","build":"rollup -c","prepublish":"npm run build"},"_npmUser":{"name":"noeldelgado","email":"auhcsei@gmail.com"},"homepage":"https://github.com/noeldelgado/parse-css-color#readme","keywords":["parse","css","color","string","colour","rgb","rgba","hsl","hsla","hex","hexa","alpha"],"repository":{"url":"git+https://github.com/noeldelgado/parse-css-color.git","type":"git"},"_npmVersion":"8.1.2","description":"parse a css color string","directories":{},"maintainers":[{"name":"noeldelgado","email":"auhcsei@gmail.com"}],"_nodeVersion":"16.13.1","dependencies":{"hex-rgb":"^4.1.0","color-name":"^1.1.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"esm":"^3.2.25","mocha":"^7.1.2","eslint":"^7.0.0","rollup":"^2.8.2","rollup-plugin-copy":"^3.4.0","@rollup/plugin-buble":"^0.21.3","eslint-config-rollup":"^0.1.0","rollup-plugin-terser":"^5.3.0","@rollup/plugin-replace":"^2.3.2","@rollup/plugin-commonjs":"^11.1.0","@rollup/plugin-node-resolve":"^7.1.3"},"_npmOperationalInternal":{"tmp":"tmp/parse-css-color_0.2.2-beta.0_1647444461029_0.29862298012310573","host":"s3://npm-registry-packages"},"_id":"parse-css-color@0.2.2-beta.0","version":"0.2.2-beta.0"}