{"_id":"@arco-design/color","_rev":"8-1d5403a7b3a212ac3388f6b09a862fac","name":"@arco-design/color","dist-tags":{"latest":"0.4.0"},"versions":{"0.4.0":{"name":"@arco-design/color","version":"0.4.0","keywords":["ArcoDesign","Color","utils"],"author":"","license":"MIT","_id":"@arco-design/color@0.4.0","maintainers":[{"name":"misterluffy","email":"zhihengzuo@gmail.com"},{"name":"yinkaihui","email":"yinkaihui0828@163.com"},{"name":"arcodesign-bot","email":"yinkaihui@bytedance.com"},{"name":"n0rush","email":"michael2ib1989@gmail.com"},{"name":"kiraxy","email":"kirazxyun@gmail.com"},{"name":"flsion","email":"flsion@outlook.com"},{"name":"pjy","email":"731401082@qq.com"},{"name":"bytednpm","email":"bnpm@bytedance.com"}],"dist":{"shasum":"52ddb40d318ee6df1057ca8c653cc1675023928f","tarball":"https://registry.npmjs.org/@arco-design/color/-/color-0.4.0.tgz","fileCount":9,"integrity":"sha512-s7p9MSwJgHeL8DwcATaXvWT3m2SigKpxx4JA1BGPHL4gfvaQsmQfrLBDpjOJFJuJ2jG2dMt3R3P8Pm9E65q18g==","signatures":[{"sig":"MEQCIBRjPFJV4b1BRH+Us79+EiSJNI3aWGIKpyP5tcSsLQdUAiAzRf6sAuqQWwE/BXB/JEFmHl4NOnYej2A4svprZcDetw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzFwKCRA9TVsSAnZWagAAWogP/1HW3h5eyqwdk/6U0OLq\n/Pjnie8Yc+8cgLyyFOgsWJEZpzws1lZgTo8H3+OOiF16RrJe0ocQgKv2LgG/\n7PGjL6j48R5P+7Umsdlis92LF7lQ7UH3lbW8Qxkrd3Ovmw7IMeGhi3SbxuTV\nQeB9t7kwZrH/1Q7dgLh51GXvzQ+cvDj/rYyh6bWWDk4R6e8wwzLVjcOKsVcd\n4DikfXGtps7Cd889ku9LXenwc0UX9tD+TfU6Uq9L+M0oRVil9rDFV7nnj8Lp\nmw+FeJ/crnN7+JLKKDvgN9xKyBBZjabuRO42dCD4wkr7W5CvKzfcQ61onKCe\ndqeIAM9XTuXQSsgl2SRehigW/+8FxYiRwLIGVq+oe7HgGMrDNsEDBaUdufZY\n9fDOqalf/A9e9oG+FJBNF3qO3p2SFmLCx0JuXacHefg1h6UOI2oBbOKR+JP1\nLC2iwdI9POBXU5IMwt1ozKkh0uLavpYZc1E1pz76p/Vgv3COoUoffwK/ZIdb\nD962EJ7iId24HNJ4Ak3KzYvFVpDm7McEPG6Q9cxSyFpjpJn+iuDqH8S5nkK5\n3D/1aBj7o1kHtNR5iEMxtpbiFMLPauKc/KgXfl+bwuHhlvTOyDb/33ZRDRbs\nU6+ZQ63PGGtZqHW09JjcNG7F7BVYboxWVVftVkBJMCrQb7+P7/aG3hOB+ipe\nu99C\r\n=LaPm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/index.js","gitHead":"1fbbd1905afbbd1287887f3ceab265e106b03d45","scripts":{"test":"jest"},"_npmUser":{"name":"pjy","email":"731401082@qq.com"},"_npmVersion":"6.14.10","description":"ArcoDesign color utils","directories":{},"_nodeVersion":"14.15.4","dependencies":{"color":"^3.1.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^26.6.3"},"_npmOperationalInternal":{"tmp":"tmp/color_0.4.0_1635134125959_0.7863392481990996","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-10-25T03:55:25.893Z","modified":"2024-07-09T07:28:49.423Z","0.4.0":"2021-10-25T03:55:26.272Z"},"license":"MIT","keywords":["ArcoDesign","Color","utils"],"description":"ArcoDesign color utils","maintainers":[{"email":"xiaziqi.sia@bytedance.com","name":"xiaziqi.sia"},{"email":"tangshumin.666@bytedance.com","name":"tangshumin666"},{"email":"wangtianli.y@bytedance.com","name":"wonuanyangying"},{"email":"taoyiyue@bytedance.com","name":"taoyiyue"},{"email":"zhihengzuo@gmail.com","name":"misterluffy"},{"email":"yinkaihui0828@163.com","name":"yinkaihui"},{"email":"arco-design@bytedance.com","name":"arcodesign-bot"},{"email":"michael2ib1989@gmail.com","name":"n0rush"},{"email":"flsion@outlook.com","name":"flsion"},{"email":"731401082@qq.com","name":"pjy"},{"email":"bnpm@bytedance.com","name":"bytednpm"}],"readme":"# ArcoDesign Color\n\nArcoDesign Color Utils. \n\nFor a given color, a gradient swatch containing ten colors is generated with an algorithm. This works for both light and dark modes.\n\n## Usage\n\n```bash\nnpm i @arco-design/color\n```\n\n```js\nimport { generate, presetColor } from '@arco-design/color';\n\nconsole.log(generate('#123456'));\n\nconsole.log(presetColor);\n// {\n//   red: {...},\n//   orangered: {...},\n//   orange: {...},\n//   gold: {...},\n//   yellow: {...},\n//   lime: {...},\n//   green: {...},\n//   cyan: {...},\n//   blue: {...},\n//   arcoblue: {...},\n//   purple: {...},\n//   pinkpurple: {...},\n//   magenta: {...},\n//   gray: {...}\n// }\n```\n\n## API\n\n### generate(color: string, options: Object);\n\n#### options.index {number | 1-10}\n\nIndex (starting from 1) of the gradient colors to be generated.\n\n#### options.list {boolean}\n\nWhether to generate color array containing the ten colors.\n\n#### options.dark\n\nWhether to generate colors for dark mode.\n\n#### options.format {'hex' | 'rgb' | 'hsl'}\n\nColor format.\n### getPresetColors {Function}\n\nContains 14 preset sets of colors.\n\n* `red`\n* `orangered`\n* `orange`\n* `gold`\n* `yellow`\n* `lime`\n* `green`\n* `cyan`\n* `blue`\n* `arcoblue`\n* `purple`\n* `pinkpurple`\n* `magenta`\n* `gray`\n\n```js\nconst { red } = getPresetColors();\n\nconsole.log(red.light);\nconsole.log(red.dark);\nconsole.log(red.primary);\n```\n\n### getRgbStr(color: string)\n\nFor a given color, get the r, g, b value in string\n\n```js\ngetRgbStr('#F53F3F') // 245,63,63\n```\n","readmeFilename":"README.md"}