{"versions":{"0.4.0":{"name":"@arco-design/color","version":"0.4.0","description":"ArcoDesign color utils","main":"./src/index.js","scripts":{"test":"jest"},"keywords":["ArcoDesign","Color","utils"],"author":"","license":"MIT","dependencies":{"color":"^3.1.3"},"devDependencies":{"jest":"^26.6.3"},"gitHead":"1fbbd1905afbbd1287887f3ceab265e106b03d45","_id":"@arco-design/color@0.4.0","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"shasum":"52ddb40d318ee6df1057ca8c653cc1675023928f","size":3735,"noattachment":false,"tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/@arco-design/color/-/color-0.4.0.tgz","integrity":"sha512-s7p9MSwJgHeL8DwcATaXvWT3m2SigKpxx4JA1BGPHL4gfvaQsmQfrLBDpjOJFJuJ2jG2dMt3R3P8Pm9E65q18g=="},"_npmUser":{"name":"anonymous","email":"731401082@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"bnpm@bytedance.com"},{"name":"anonymous","email":"michael2ib1989@gmail.com"},{"name":"anonymous","email":"yinkaihui0828@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/color_0.4.0_1635134125959_0.7863392481990996"},"_hasShrinkwrap":false,"publish_time":1635134126272,"_cnpm_publish_time":1635134126272,"_cnpmcore_publish_time":"2021-12-16T18:47:10.398Z","contributors":[]}},"dist-tags":{"latest":"0.4.0"},"name":"@arco-design/color","time":{"created":"2022-01-27T13:50:52.249Z","modified":"2025-12-03T05:38:30.392Z","0.4.0":"2021-10-25T03:55:26.272Z"},"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```","users":{}}