https://github.com/zerosoul/chinese-colors

🇨🇳🎨Chinese traditional color cheatsheet online
https://github.com/zerosoul/chinese-colors

chinese color-scheme react traditional-chinese traditional-chinese-culture

Last synced: 3 days ago
JSON representation

🇨🇳🎨Chinese traditional color cheatsheet online

• Host: GitHub
• URL: https://github.com/zerosoul/chinese-colors
• Owner: zerosoul
• License: mit
• Created: 2019-08-27T10:41:37.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-11-14T15:53:24.000Z (2 months ago)
• Last Synced: 2025-01-16T04:05:14.698Z (10 days ago)
• Topics: chinese, color-scheme, react, traditional-chinese, traditional-chinese-culture
• Language: JavaScript
• Homepage: https://colors.ichuantong.cn/
• Size: 56.4 MB
• Stars: 2,409
• Watchers: 25
• Forks: 262
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• my-awesome - zerosoul/chinese-colors - scheme,react,traditional-chinese,traditional-chinese-culture pushed_at:2024-11 star:2.4k fork:0.3k 🇨🇳🎨Chinese traditional color cheatsheet online (JavaScript)
• awesome-github-star - chinese-colors

README

        
#  Chinese Color

> [中文文档](README.zh.md)

[Chinese Color Cheatsheet](https://colors.ichuantong.cn)



## Features

- Build with react.js 👏

- PWA supported ☕️



- Responsive (Mobile First) 📱



- Highlight the selected color ✨

- Classify the colors 🚥

- Copy HEX 🖨

- Add to favorites 😍

- Poetry aside 😘

- Wallpaper/Image Card (not stable, welcome [feedback](https://github.com/zerosoul/chinese-colors/issues)) 🌸





## Technology Stack & Thanks

- [create-react-app](https://github.com/facebook/create-react-app)

- [react.js](https://reactjs.org)

- [styled-components](https://styled-components.com): CSS-IN-JS Best Practice

- eslint + prettier: for better code

- [html2canvas](http://html2canvas.hertzen.com/)

- [pinyin](https://github.com/hotoo/pinyin): convert Han to pinyin

- [react-copy-to-clipboard](https://github.com/nkbt/react-copy-to-clipboard): enable copy

- [iconfont.cn](https://iconfont.cn): icons

- [https://www.transparenttextures.com/](https://www.transparenttextures.com/): awesome pattern images

- [今日诗词](https://www.jinrishici.com)

- Thanks the great Open Source

## Local Development

clone: `git clone https://github.com/zerosoul/chinese-colors.git`

init: `cd chinese-colors && npm install`

run: `npm run start`

enjoy: `http://localhost:8099/`

## Changelog

[Changelog](CHANGELOG.md)

## Reference

- Color data source：[中国传统颜色](http://blog.sina.com.cn/s/blog_5c3b139d0101deia.html)

- UI：[nipponcolors.com](http://nipponcolors.com/)

## Support