{"id":18976364,"url":"https://github.com/ant-design/antd-color-editor","last_synced_at":"2025-04-15T11:08:26.718Z","repository":{"id":169050287,"uuid":"644727060","full_name":"ant-design/antd-color-editor","owner":"ant-design","description":"🎨 an open-source color editor for designing color system","archived":false,"fork":false,"pushed_at":"2024-06-17T12:00:25.000Z","size":11778,"stargazers_count":32,"open_issues_count":16,"forks_count":5,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-15T11:08:11.078Z","etag":null,"topics":["ant-design","antd","color-system","hct","kitchen","token"],"latest_commit_sha":null,"homepage":"https://ant-design.github.io/antd-color-editor/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ant-design.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-24T06:13:12.000Z","updated_at":"2025-04-04T03:48:21.000Z","dependencies_parsed_at":"2023-08-30T04:43:03.061Z","dependency_job_id":"dfade553-d643-4cf4-8173-81eefcef6ee0","html_url":"https://github.com/ant-design/antd-color-editor","commit_stats":null,"previous_names":["canisminor1990/kitchen-color-studio","ant-design/kitchen-color-studio","ant-design/antd-color-editor"],"tags_count":6,"template":false,"template_full_name":"canisminor1990/canisminor-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ant-design%2Fantd-color-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ant-design%2Fantd-color-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ant-design%2Fantd-color-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ant-design%2Fantd-color-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ant-design","download_url":"https://codeload.github.com/ant-design/antd-color-editor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249058370,"owners_count":21205910,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ant-design","antd","color-system","hct","kitchen","token"],"created_at":"2024-11-08T15:24:00.732Z","updated_at":"2025-04-15T11:08:26.701Z","avatar_url":"https://github.com/ant-design.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n\u003cimg width=\"160\" src=\"https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg\"\u003e\n\n\u003ch1\u003eAntd Color Studio\u003c/h1\u003e\n\n[**🎨 Quick Start \u003e\u003e**](https://ant-design.github.io/antd-color-editor/~demos/colorstudio-demo-demo)\n\nAn open-source color editor for designing color system\n\n[Changelog](./CHANGELOG.md) · [Report Bug][issues-url] · [Request Feature][issues-url]\n\n\u003c!-- SHIELD GROUP --\u003e\n\n[![release][release-shield]][release-url]\n[![releaseDate][release-date-shield]][release-date-url]\n[![ciTest][ci-test-shield]][ci-test-url]\n[![ciRelease][ci-release-shield]][ci-release-url] \u003cbr/\u003e\n[![contributors][contributors-shield]][contributors-url]\n[![forks][forks-shield]][forks-url]\n[![stargazers][stargazers-shield]][stargazers-url]\n[![issues][issues-shield]][issues-url]\n\n[![](https://raw.githubusercontent.com/ant-design/antd-color-editor/master/public/preview1.webp)](https://ant-design.github.io/antd-color-editor/~demos/colorstudio-demo-demo)\n\n\u003c/div\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ckbd\u003eTable of contents\u003c/kbd\u003e\u003c/summary\u003e\n\n#### TOC\n\n- [📦 Installation](#-installation)\n\n- [🎨 Usage](#-usage)\n\n  - [Base on HCT](#base-on-hct)\n  - [Color Space](#color-space)\n  - [Color Accessibility](#color-accessibility)\n  - [Token Mode](#token-mode)\n  - [Setting Export](#setting-export)\n\n- [⌨️ Local Development](#️-local-development)\n\n- [🤝 Contributing](#-contributing)\n\n- [🔗 Links](#-links)\n\n####\n\n\u003c/details\u003e\n\n## 📦 Installation\n\nTo install components, run the following command:\n\n```bash\npnpm add antd-color-editor\n```\n\n\u003cdiv align=\"right\"\u003e\n\n[![][back-to-top]](#readme-top)\n\n\u003c/div\u003e\n\n## 🎨 Usage\n\n### Base on HCT\n\nResources: [The Science of Color \u0026 Design](https://material.io/blog/science-of-color-design)\n\n| \u003cimg src=\"https://lh3.googleusercontent.com/FgfF6od_qjYXbXowPPgL3IQ8T0QnEAZnoehlRcXHSXK7QXfHe_LvBm3SeYIkxhSRn3gBjjH4GEO6DYOex8btaN34lVDSzP7ZULMMSqoE7bsxyCWA0Q=w1400-v0\" height=\"240\" /\u003e | \u003cimg src=\"https://lh3.googleusercontent.com/PWM-JWdCtOxcGHHoiZfm1HkSNNcMRXyGE4CRapU1lrFHo93W1dqHACB24x7FCuqFKA-6LTBMhEtSHsMkZcu8EsOrNaUWE6ixtknM1Sv7hhpHwvLWcG1-=w1400-v0\" height=\"240\" /\u003e |\n| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n\n### Color Space\n\n![](https://raw.githubusercontent.com/ant-design/antd-color-editor/master/public/preview2.webp)\n\n### Color Accessibility\n\n![](https://raw.githubusercontent.com/ant-design/antd-color-editor/master/public/preview5.webp)\n\n### Token Mode\n\n![](https://raw.githubusercontent.com/ant-design/antd-color-editor/master/public/preview3.webp)\n\n### Setting Export\n\n![](https://raw.githubusercontent.com/ant-design/antd-color-editor/master/public/preview4.webp)\n\n\u003cdiv align=\"right\"\u003e\n\n[![][back-to-top]](#readme-top)\n\n\u003c/div\u003e\n\n## ⌨️ Local Development\n\nYou can use Gitpod for online development:\n\n[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)][gitpod-url]\n\nOr clone it for local development:\n\n```bash\n$ git clone https://github.com/ant-design/antd-color-editor.git\n$ cd antd-color-editor\n$ pnpm install\n$ pnpm start\n```\n\n\u003cdiv align=\"right\"\u003e\n\n[![][back-to-top]](#readme-top)\n\n\u003c/div\u003e\n\n## 🤝 Contributing\n\n\u003c!-- CONTRIBUTION GROUP --\u003e\n\n\u003e 📊 Total: \u003ckbd\u003e**3**\u003c/kbd\u003e\n\n\u003ca href=\"https://github.com/apps/dependabot\" title=\"dependabot[bot]\"\u003e\n  \u003cimg src=\"https://avatars.githubusercontent.com/in/29110?v=4\" width=\"50\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/canisminor1990\" title=\"canisminor1990\"\u003e\n  \u003cimg src=\"https://avatars.githubusercontent.com/u/17870709?v=4\" width=\"50\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/actions-user\" title=\"actions-user\"\u003e\n  \u003cimg src=\"https://avatars.githubusercontent.com/u/65916846?v=4\" width=\"50\" /\u003e\n\u003c/a\u003e\n\n\u003c!-- CONTRIBUTION END --\u003e\n\n\u003cdiv align=\"right\"\u003e\n\n[![][back-to-top]](#readme-top)\n\n\u003c/div\u003e\n\n## 🔗 Links\n\n- material-color-utilities: \u003chttps://github.com/material-foundation/material-color-utilities\u003e\n\n\u003cdiv align=\"right\"\u003e\n\n[![][back-to-top]](#readme-top)\n\n\u003c/div\u003e\n\n---\n\n#### 📝 License\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003c!-- LINK GROUP --\u003e\n\n[gitpod-url]: https://gitpod.io/#https://github.com/ant-design/antd-color-editor\n\n\u003c!-- SHIELD LINK GROUP --\u003e\n\n[back-to-top]: https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square\n\n\u003c!-- release --\u003e\n\n[release-shield]: https://img.shields.io/npm/v/antd-color-editor?logo=npm\n[release-url]: https://www.npmjs.com/package/antd-color-editor\n\n\u003c!-- releaseDate --\u003e\n\n[release-date-shield]: https://img.shields.io/github/release-date/ant-design/antd-color-editor?style=flat\n[release-date-url]: https://github.com/ant-design/antd-color-editor/releases\n\n\u003c!-- ciTest --\u003e\n\n[ci-test-shield]: https://github.com/ant-design/antd-color-editor/workflows/Test%20CI/badge.svg\n[ci-test-url]: https://github.com/ant-design/antd-color-editor/actions/workflows/test.yml\n\n\u003c!-- ciRelease --\u003e\n\n[ci-release-shield]: https://github.com/ant-design/antd-color-editor/workflows/Build%20and%20Release/badge.svg\n[ci-release-url]: https://github.com/ant-design/antd-color-editor/actions/workflows/release.yml\n\n\u003c!-- contributors --\u003e\n\n[contributors-shield]: https://img.shields.io/github/contributors/ant-design/antd-color-editor.svg?style=flat\n[contributors-url]: https://github.com/ant-design/antd-color-editor/graphs/contributors\n\n\u003c!-- forks --\u003e\n\n[forks-shield]: https://img.shields.io/github/forks/ant-design/antd-color-editor.svg?style=flat\n[forks-url]: https://github.com/ant-design/antd-color-editor/network/members\n\n\u003c!-- stargazers --\u003e\n\n[stargazers-shield]: https://img.shields.io/github/stars/ant-design/antd-color-editor.svg?style=flat\n[stargazers-url]: https://github.com/ant-design/antd-color-editor/stargazers\n\n\u003c!-- issues --\u003e\n\n[issues-shield]: https://img.shields.io/github/issues/ant-design/antd-color-editor.svg?style=flat\n[issues-url]: https://github.com/ant-design/antd-color-editor/issues/new/choose\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fant-design%2Fantd-color-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fant-design%2Fantd-color-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fant-design%2Fantd-color-editor/lists"}