chinese-colors/README.zh.md

<img src="demo/logo.png" alt="Logo" width="50"> 中国传统颜色在线手册 

# 中国传统颜色手册

[English Version](README.md)

[访问地址](https://works.yangerxiao.com/chinese-colors/)

<img src="demo/pc.png" alt="PC UI" width="600">

## 特性

- 使用React构建
- 支持 PWA

<img src="demo/pwa.jpg" alt="PWA Logo" width="300">

- 适配移动端展现 (Mobile First)

<img src="demo/m.png" alt="Mobile UI" width="300">

- 颜色选中高亮
- 颜色分类
- 可复制HEX
- 可收藏喜欢的颜色
- 可生成壁纸，屏幕多大，截图就有多大 (暂不稳定，欢迎[反馈](https://github.com/zerosoul/chinese-colors/issues))。

<img src="demo/screenshot.png" alt="screen shot" width="300">

## 参考

- 颜色数据来源：[中国传统颜色](http://blog.sina.com.cn/s/blog_5c3b139d0101deia.html)
- UI参考：[一个日本传统颜色网站](http://nipponcolors.com/)

## 技术栈

- [create-react-app](https://github.com/facebook/create-react-app): 大家都在用的 react 项目构建架子
- [react](https://reactjs.org): 最流行的前端 UI 构建语言
- [styled-components](https://styled-components.com): react 中 css 解决方案，CSS-IN-JS 最佳实践
- eslint + prettier: 为了更好地编码
- husky + commitlint: 为了更好地 GIT 提交
- [html2canvas](http://html2canvas.hertzen.com/)
- [pinyin](https://github.com/hotoo/pinyin): 汉字转拼音
- [react-copy-to-clipboard](https://github.com/nkbt/react-copy-to-clipboard): 开启复制功能
- 感谢伟大的互联网，感谢各种开源作品

## 更新日志

[更新日志](CHANGELOG.md)