react样式及注释（基于React构建的古典颜色手册）
react样式及注释（基于React构建的古典颜色手册）赤金、金色、银白色、老银、乌金、铜绿玄色、玄青、乌色、乌黑、漆黑、、墨色、墨灰色、黑色、缁色等红色包括粉红色、妃色、品红色、桃红色、海棠红、石榴红、樱桃红、银红色、大红色、绛紫等几十种颜色，此处展示这十色，感兴趣的直达手册蓝色有靛蓝、靛青、碧蓝、蔚蓝、宝蓝、蓝灰、藏青藏蓝等水色、水红色、水绿色、水蓝色、淡青色、湖蓝、湖绿
介绍本文介绍的是一个非常漂亮的在线古典颜色手册，为程序员和设计师提供中国古典颜色设计提供色彩和灵感，特别是对于一些古典项目非常适合使用它，有了它能为你的网站或者应用提供卓然的气质，对热爱古风的程序员和设计师尤为有用！
Github
https://github.com/zerosoul/chinese-colors
特性
- 使用 React 构建
- 支持 PWA
- 适配移动端展现 (Mobile First)
- 颜色选中高亮
- 颜色分类
- 可复制 HEX
- 可收藏喜欢的颜色
- 搭配显示诗词
- 可生成壁纸/图片卡片，屏幕多大，截图就有多大
涉及技术栈和其他开源项目
- create-react-app: 大家都在用的 react 项目构建架子
- react: 最流行的前端 UI 构建语言
- styled-components: react 中 css 解决方案，CSS-IN-JS 最佳实践
- eslint prettier: 为了更好地编码
- husky commitlint: 为了更好地 GIT 提交
- html2canvas
- pinyin: 汉字转拼音
- react-copy-to-clipboard: 开启复制功能
- iconfont.cn: 阿里系的图标库，很丰富，很方便
- https://www.transparenttextures.com/: 非常好看的纹理背景图
- 今日诗词
常规操作：
克隆到本地：git clone https://github.com/zerosoul/chinese-colors.git 初始化：cd chinese-colors && npm install 运行：npm run start 访问: http://localhost:8099/
截图欣赏
- 苍色
本类颜色包括苍色、苍翠色、苍黄色、苍青色、苍黑色、苍白色（以下按顺序截图，后续相同）
- 红
红色包括粉红色、妃色、品红色、桃红色、海棠红、石榴红、樱桃红、银红色、大红色、绛紫等几十种颜色，此处展示这十色，感兴趣的直达手册
- 蓝色
蓝色有靛蓝、靛青、碧蓝、蔚蓝、宝蓝、蓝灰、藏青藏蓝等
- 水
水色、水红色、水绿色、水蓝色、淡青色、湖蓝、湖绿
- 黑色
玄色、玄青、乌色、乌黑、漆黑、、墨色、墨灰色、黑色、缁色等
- 赤
赤金、金色、银白色、老银、乌金、铜绿
以上有你喜欢的颜色么，中国古典颜色确实很漂亮，不管是你的网站主题还是应用主题，配上中国风会很美观、耐看、有气质，有你喜欢的颜色么？
在线体验地址：
https://colors.ichuantong.cn/
