这是一个创建于 2300 天前的主题，其中的信息可能已经有所发展或是发生改变。
偶然间看到一个日本人在 2010 年的一个作品（ http://nipponcolors.com/），非常喜欢，用 react 重构了中国风界面，并做了许多改进：
1. 颜色做了分类，更方便查找
2. 可收藏喜欢的颜色
3. 可生成壁纸，用来当手机壁纸，效果还可以
4. 重写 UI，并改进了许多细节
访问地址： https://works.yangerxiao.com/chinese-colors/
代码开源： https://github.com/zerosoul/chinese-colors
还在迭代中，有问题欢迎反馈。
1. 颜色做了分类，更方便查找
2. 可收藏喜欢的颜色
3. 可生成壁纸，用来当手机壁纸，效果还可以
4. 重写 UI，并改进了许多细节
访问地址： https://works.yangerxiao.com/chinese-colors/
代码开源： https://github.com/zerosoul/chinese-colors
还在迭代中，有问题欢迎反馈。
第 1 条附言 2019-09-15 22:20:19 +08:00
还有一个改进：支持 PWA
第 2 条附言 2019-09-15 22:53:47 +08:00
第 3 条附言 2019-09-15 22:58:57 +08:00
没预览图，再发一遍:
Mobile 截图：
PC 截图：
Mobile 截图：
PC 截图：
第 4 条附言 2019-09-17 15:28:44 +08:00
搭车推荐我的另一个作品： t/601535
第 5 条附言 2019-09-21 19:57:49 +08:00
最近的迭代：
使用 svg 重构了 cmyk 百分比圈
完善了 README 文档，中英文版本
新增诗词
新增了一些壁纸配图
微调各种样式
使用 svg 重构了 cmyk 百分比圈
完善了 README 文档，中英文版本
新增诗词
新增了一些壁纸配图
微调各种样式
第 6 条附言 2019-09-24 22:41:54 +08:00
新起域名： https://colors.ichuantong.cn/ 原地址会做 301 跳转
 | 1 dodo2012 2019-09-15 21:45:52 +08:00 不错不错，关注下 |
 | 2 benyur 2019-09-15 21:46:12 +08:00 via Android 真不错，顶 |
 | OP @benyur 谢谢，喜欢的话，欢迎 star， |
| 4 TristanYang OP @dodo2012 谢谢，喜欢的话，欢迎 star， |
| 5 TristanYang OP 忘了加一条改进： 优化了移动端显示，Mobile First |
 | 6 Ultraman 2019-09-15 21:58:09 +08:00 via Android 壁纸下载失败 Android + Firefox Preview 2.0.0-rc.2 下载时提示 Can't download this file type |
 | 7 Ettup 2019-09-15 21:58:29 +08:00 via iPhone 很不错，已收藏 |
| 8 TristanYang OP @vcinex 嗯 这个壁纸下载功能不太稳定，我再搞搞，兼容性搞好点。不要在应用内打开，使用手机自带浏览器，或者 android chrome 应该没问题。 |
 | 9 icekingcy 2019-09-15 22:08:15 +08:00 via iPhone mark fork 一份 |
 | 10 300 2019-09-15 22:08:43 +08:00 via Android 网站叫 nippon colers =。= |
| 11 300 2019-09-15 22:09:10 +08:00 via Android @winterbells colors |
| 12 Ultraman 2019-09-15 22:12:56 +08:00 via Android @TristanYang 还有就是手机壁纸的话能否根据访问设备屏幕调整图片长宽比例？还要二次裁剪影响美观。 |
| 13 TristanYang OP @vcinex 裁剪？是不是生成的顶部有白边？这在某些机型下是个 bug，我还在看。 壁纸功能现在是简单做了下，还需要许多细节优化。 |
 | 14 Pillowl 2019-09-15 22:21:07 +08:00 via Android 今晚和朋友聊了两个多小时的中国色，结果打开 v2 你这个就出来了，真不错！还有，推荐一个叫做“几枝”的 Chrome 标签页扩展，将中国色和古诗词结合在一起了。 |
 | 15 artandlol 2019-09-15 22:26:47 +08:00 via Android 怎么感觉没有日本风格的色卡好看 |
| 16 TristanYang OP @Pillowl 啊 巧了 下一步迭代计划，正想把古诗词融入进来。 |
| 17 TristanYang OP @artandlol 毕竟那位日本朋友有设计背景，设计专业我是门外汉，只是单纯喜欢美的东西，。也可能是先入为主 |
 | 18 zackwu 2019-09-15 22:31:13 +08:00 很精致，收藏了~ |
 | 19 TangMonk 2019-09-15 22:32:31 +08:00 日本哪个鼠标放在哪里都可以向下滑动，你这个要鼠标放在 colors 里面才能滑 |
| 20 TristanYang OP @keith1126 谢谢 欢迎 star |
 | 21 gavindexu 2019-09-15 23:02:31 +08:00 via iPhone 0.0 选择色调（红黄绿…）时， 背景不会跟着变色儿的吗？ 刷新以后才会有看到颜色、壁纸变更了。 在 Chrome、Duckduck GO 里都没有变。 加油～！ |
| 22 TristanYang OP @TangMonk 这个交互见仁见智... |
| 23 TristanYang OP @gavindexu 额，这个是有意做成这样的，考虑到只是切换色系看看，并不想换具体哪个颜色，换色系时，左边的颜色集合也跟着变了，但上一个选中的还在，只有选中左侧具体哪个颜色，才会变。 |
 | 24 muayang 2019-09-15 23:15:45 +08:00 via iPhone  1 已 star |
| 25 artandlol 2019-09-15 23:22:21 +08:00 via Android 1 @TristanYang 网上有那种颜色搭配的 摄影 画画正常都需要先搭配下颜色的 可以试下那些颜色 |
| 26 TristanYang OP @muayang 谢谢 已发送铜币感谢 |
 | 27 FEDT 2019-09-15 23:58:48 +08:00 via iPhone 挺好看的 |
 | 28 Danswerme 2019-09-16 01:10:55 +08:00 via Android 1 |
| 29 Ultraman 2019-09-16 06:49:54 +08:00 via Android @TristanYang https://i.loli.net/2019/09/16/85kXgms2Q7fTA4n.jpg 就是这样，因为图片长宽比例和屏幕不一致，设置为壁纸时需要再次缩放裁剪，右下角的字这些就显示不完整了 |
 | 30 yazoox 2019-09-16 08:24:52 +08:00 via Android 点进去看，好像都是红色 |
| 31 TristanYang OP @yazoox 右下角是切换色系的 有其他色系 |
 | 32 levon 2019-09-16 08:50:15 +08:00 原站居然被重置，我 d 是不是有点太敏感了 |
| 33 TristanYang OP @levon 好像确实需要翻墙 但是对程序员来说不算啥啦 |
 | 34 talen666 2019-09-16 09:01:29 +08:00 日本网站打不开。。翻墙也打不开。。 |
 | 35 mingyuexin 2019-09-16 09:01:47 +08:00 1 不错，挺好的。 不过我觉得这个页面更好看些 http://zhongguose.com/ |
 | 36 zohar727 2019-09-16 09:14:59 +08:00 感觉可选的颜色没有日本那个多唉 |
| 37 TristanYang OP @zohar727 数据做了分类，总量差不多。 |
 | 38 xh520630 2019-09-16 09:37:58 +08:00 真的好看 各种颜色 不过他是干嘛用的...就是查颜色吗 |
 | 39 godgc 2019-09-16 09:39:55 +08:00 老哥复制功能是用什么做的？兼容性咋样？ |
| 40 TristanYang OP @xh520630 哈哈 对于设计师来说 可能有点用 可以复制颜色 hex。普通用户来讲，美即功能，好像还有点用的地方是可以生成壁纸。右上角的下载那个按钮。 |
 | 41 star7th 2019-09-16 09:46:24 +08:00 棒。做 app 或者网页的时候可以参考配色了 |
| 42 TristanYang OP |
 | 43 karnaugh 2019-09-16 09:52:31 +08:00 做的真不错，棒棒哒 |
 | 44 richzhu 2019-09-16 10:00:28 +08:00 已 fork |
 | 45 santom 2019-09-16 10:07:47 +08:00 已 star |
| 46 TristanYang OP @richzhu 谢谢 |
| 47 TristanYang OP @santom 谢谢 |
 | 48 as94boy 2019-09-16 10:15:56 +08:00 可以，颜色蛮全的，可以使用。 |
| 49 TristanYang OP @karnaugh 谢谢 |
| 50 TristanYang OP @as94boy 谢谢 我的目标就是对设计师有一定的实用性 |
| 51 TristanYang OP @star7th 谢谢 能帮到你我也很开心 |
 | 52 XiaoWangZhanzz 2019-09-16 10:29:49 +08:00 支持下!!!! |
| 53 TristanYang OP @XiaoWangZhanzz 谢谢 |
 | 54 jay3zhang 2019-09-16 10:38:29 +08:00 很漂亮，支持 |
| 55 TristanYang OP @jay3zhang 谢谢 欢迎 star 支持 |
| 56 Pillowl 2019-09-16 10:55:03 +08:00 via Android @TristanYang 如果后续能直接做一个壁纸软件我想是极好的，能自动更换壁纸那种~。 |
 | 57 marcong95 2019-09-16 11:04:22 +08:00 @TristanYang #22 但是我在 PC 端（ Chrome 76.0.3809.132 ）在颜色 list 外面滚动可以把整个页面滚动 20px 左右，这个应该是个 bug ？我审查元素点开看，好像没发现那个多出来地方有什么元素 https://i.loli.net/2019/09/16/FTfjyv6z47nKYIB.png |
 | 58 styang 2019-09-16 11:10:54 +08:00 挺好看的  |
 | 59 yongyang599 2019-09-16 11:18:02 +08:00 中国色（ http://zhongguose.com/） 很久之前发现的 |
| 60 TristanYang OP @yongyang599 嗯 这个也是从日本那个网站得到的灵感 只是技术栈比较老旧了 |
| 61 TristanYang OP @Danswerme 嗯 这个也是从日本那个网站得到的灵感 只是技术栈比较老旧了 |
 | 62 RockShake 2019-09-16 11:50:03 +08:00 确实挺漂亮的，赞一个 |
 | 63 E1n 2019-09-16 12:10:13 +08:00 赞！ star 一波 |
| 64 E1n 2019-09-16 12:25:19 +08:00 @TristanYang 老哥是服务器在国外，套了国内的 CDN 吗 |
 | 65 jdhao 2019-09-16 12:29:09 +08:00 via Android 赞 |
 | 66 Seaball0022 2019-09-16 12:43:37 +08:00 很好看，加油！ |
 | 67 LeeSeoung 2019-09-16 12:50:43 +08:00 很好看 有心了 |
| 68 TristanYang OP @E1n 阿里云的服务器 |
| 69 TristanYang OP @LeeSeoung 谢谢 这几天的辛苦没白费 |
| 70 TristanYang OP @Seaball0022 谢谢 这几天的辛苦没白费 |
| 71 TristanYang OP @jdhao 谢谢 这几天的辛苦没白费 |
 | 72 icanfork 2019-09-16 13:13:17 +08:00 1 建议：切换主色系的时候，可以默认切换到改色系的第一个颜色中。 这样让用户得到对应的操作反馈 |
| 73 TristanYang OP @belin520 谢谢，建议已采纳，修改部署了，已发铜币表示感谢。 |
 | 74 meetocean 2019-09-16 13:26:16 +08:00 切换颜色的功能很有意思。 |
 | 75 1una 2019-09-16 13:50:27 +08:00 via Android 还有一个 zhingguose.com 也可以考虑 |
| 76 1una 2019-09-16 13:50:48 +08:00 via Android |
 | 77 zgw0 2019-09-16 13:51:17 +08:00 我也看到过那个项目, 很不错, 已 star |
 | 78 Peikon 2019-09-16 14:17:46 +08:00 挺好奇不同颜色对应的色号是在哪查的？ |
 | 79 xuanli 2019-09-16 14:20:00 +08:00 之前就收藏过，star |
 | 80 Pho3nix 2019-09-16 14:21:50 +08:00 原站我也特别喜欢，新站总感觉比原站厚重了一些 |
| 81 TristanYang OP @Peikon 右上角的感叹号弹窗有备注数据来源 |
| 82 TristanYang OP @Pho3nix 是的，UI 重构了，也加入了一些自己的想法 |
 | 83 zhangH258 2019-09-16 14:38:15 +08:00 这个设计的是真的棒 |
 | 84 Exia 2019-09-16 14:41:39 +08:00 感觉不错啊，突然有种自己想修改一波的感觉，加上自定义语句什么的。 |
 | 85 zhouyg 2019-09-16 14:44:46 +08:00 好看！ |
| 86 TristanYang OP 1 @Exia Pull Request，或者 fork 自己改，都可以哈~ |
| 87 TristanYang OP @zhangH258 谢谢，UI 是站在了别人的肩膀上优化了下， |
| 88 TristanYang OP @zhouyg 谢谢！ |
| 89 Exia 2019-09-16 14:49:04 +08:00 @TristanYang 哈，谢谢，后来又看了一下楼主你的博客，有点启发，先收藏了。 |
 | 90 yehuzi 2019-09-16 15:35:34 +08:00 很漂亮 |
| 91 TristanYang OP @yehuzi 谢谢 欢迎 star |
 | 92 nodeny 2019-09-16 16:16:12 +08:00 哇，为啥玄色在我这里显示成暗红色 |
 | 93 Hermann 2019-09-16 16:16:21 +08:00 很好看，支持 |
 | 94 xuanbg 2019-09-16 16:28:42 +08:00 金色不够深，银色不够亮 |
 | 95 samaxu 2019-09-16 16:33:06 +08:00 求加个改文字的功能，不知道有没有这种文字库 |
| 96 TristanYang OP @samaxu 改文字？是指改文字的字体吗？还是文字的内容？ |
 | 97 lizz666 2019-09-16 16:42:22 +08:00 小米 pro。14 寸屏？反正下面有部分看不到，滚动条滚动距离不够 |
| 98 lizz666 2019-09-16 16:43:34 +08:00 刷新下，底部那些看不到的文字又没有了 |
 | 99 Bairrfhoinn 2019-09-16 17:08:47 +08:00 没有五彩斑斓的黑，哈哈，玩笑，勿怪...... |
 | 100 est 2019-09-16 17:10:28 +08:00 老哥厉害了。看上去不错 |
Select Language