kitchen Color Studio
[**🎨 Quick Start >>**](https://ant-design.github.io/kitchen-color-studio/~demos/colorstudio-demo-demo)
An open-source color editor for designing color system
[Changelog](./CHANGELOG.md) · [Report Bug][issues-url] · [Request Feature][issues-url]
[![release][release-shield]][release-url]
[![releaseDate][release-date-shield]][release-date-url]
[![ciTest][ci-test-shield]][ci-test-url]
[![ciRelease][ci-release-shield]][ci-release-url]
[![contributors][contributors-shield]][contributors-url]
[![forks][forks-shield]][forks-url]
[![stargazers][stargazers-shield]][stargazers-url]
[![issues][issues-shield]][issues-url]
[](https://ant-design.github.io/kitchen-color-studio/~demos/colorstudio-demo-demo)
## 📦 Installation
To install components, run the following command:
```bash
pnpm add kitchen-color-studio
```
[![][back-to-top]](#readme-top)
## 🎨 Usage
### Base on HCT
Resources: [The Science of Color & Design](https://material.io/blog/science-of-color-design)
| 
| 
|
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
### Color Space
### Color Accessibility
### Token Mode
### Setting Export
[![][back-to-top]](#readme-top)
## ⌨️ Local Development
You can use Gitpod for online development:
[][gitpod-url]
Or clone it for local development:
```bash
$ git clone https://github.com/ant-design/kitchen-color-studio.git
$ cd kitchen-color-studio
$ pnpm install
$ pnpm start
```
[![][back-to-top]](#readme-top)
## 🤝 Contributing
> 📊 Total: **3**
[![][back-to-top]](#readme-top)
## 🔗 Links
- material-color-utilities: https://github.com/material-foundation/material-color-utilities
- Kitchen：https://github.com/ant-design/kitchen
[![][back-to-top]](#readme-top)
---
#### 📝 License
This project is [MIT](./LICENSE) licensed.
[gitpod-url]: https://gitpod.io/#https://github.com/ant-design/kitchen-color-studio
[back-to-top]: https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square
[release-shield]: https://img.shields.io/npm/v/kitchen-color-studio?logo=npm
[release-url]: https://www.npmjs.com/package/kitchen-color-studio
[release-date-shield]: https://img.shields.io/github/release-date/ant-design/kitchen-color-studio?style=flat
[release-date-url]: https://github.com/ant-design/kitchen-color-studio/releases
[ci-test-shield]: https://github.com/ant-design/kitchen-color-studio/workflows/Test%20CI/badge.svg
[ci-test-url]: https://github.com/ant-design/kitchen-color-studio/actions/workflows/test.yml
[ci-release-shield]: https://github.com/ant-design/kitchen-color-studio/workflows/Build%20and%20Release/badge.svg
[ci-release-url]: https://github.com/ant-design/kitchen-color-studio/actions/workflows/release.yml
[contributors-shield]: https://img.shields.io/github/contributors/ant-design/kitchen-color-studio.svg?style=flat
[contributors-url]: https://github.com/ant-design/kitchen-color-studio/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/ant-design/kitchen-color-studio.svg?style=flat
[forks-url]: https://github.com/ant-design/kitchen-color-studio/network/members
[stargazers-shield]: https://img.shields.io/github/stars/ant-design/kitchen-color-studio.svg?style=flat
[stargazers-url]: https://github.com/ant-design/kitchen-color-studio/stargazers
[issues-shield]: https://img.shields.io/github/issues/ant-design/kitchen-color-studio.svg?style=flat
[issues-url]: https://github.com/ant-design/kitchen-color-studio/issues/new/choose