喜欢中国风的 V 友可以进来看看...

[TristanYang]

偶然间看到一个日本人在 2010 年的一个作品（ http://nipponcolors.com/），非常喜欢，用 react 重构了中国风界面，并做了许多改进：

1. 颜色做了分类，更方便查找
2. 可收藏喜欢的颜色
3. 可生成壁纸，用来当手机壁纸，效果还可以
4. 重写 UI，并改进了许多细节

访问地址： https://works.yangerxiao.com/chinese-colors/
代码开源： https://github.com/zerosoul/chinese-colors

还在迭代中，有问题欢迎反馈。

还有一个改进：支持 PWA

不太会发图，附上截图：

Mobile 界面：
https://imgur.com/mipmQGt
PC 界面：
https://imgur.com/hY9IPMw

没预览图，再发一遍:
Mobile 截图：


PC 截图：

搭车推荐我的另一个作品： https://www.v2ex.com/t/601535

最近的迭代：

使用 svg 重构了 cmyk 百分比圈
完善了 README 文档，中英文版本
新增诗词
新增了一些壁纸配图
微调各种样式

新起域名： https://colors.ichuantong.cn/ 原地址会做 301 跳转

[dodo2012]

不错不错，关注下

[benyur]

真不错，顶

[TristanYang]

@benyur 谢谢，喜欢的话，欢迎 star，😆

[TristanYang]

@dodo2012 谢谢，喜欢的话，欢迎 star，😆

[TristanYang]

忘了加一条改进： 优化了移动端显示，Mobile First

[Ultraman]

壁纸下载失败
Android + Firefox Preview 2.0.0-rc.2
下载时提示 Can't download this file type

[Ettup]

很不错，已收藏

[TristanYang]

@vcinex 嗯 这个壁纸下载功能不太稳定，我再搞搞，兼容性搞好点。不要在应用内打开，使用手机自带浏览器，或者 android chrome 应该没问题。

[icekingcy]

mark fork 一份

[300]

网站叫 nippon colers =。=

[300]

@winterbells colors

[Ultraman]

@TristanYang 还有就是手机壁纸的话能否根据访问设备屏幕调整图片长宽比例？还要二次裁剪影响美观。

[TristanYang]

@vcinex 裁剪？是不是生成的顶部有白边？这在某些机型下是个 bug，我还在看。 壁纸功能现在是简单做了下，还需要许多细节优化。

[Pillowl]

今晚和朋友聊了两个多小时的中国色，结果打开 v2 你这个就出来了，真不错！还有，推荐一个叫做“几枝”的 Chrome 标签页扩展，将中国色和古诗词结合在一起了。

[artandlol]

怎么感觉没有日本风格的色卡好看

[TristanYang]

@Pillowl 啊 巧了 下一步迭代计划，正想把古诗词融入进来。

[TristanYang]

@artandlol 毕竟那位日本朋友有设计背景，设计专业我是门外汉，只是单纯喜欢美的东西，😃。也可能是先入为主 🤣

[zackwu]

很精致，收藏了~

[TangMonk]

日本哪个鼠标放在哪里都可以向下滑动，你这个要鼠标放在 colors 里面才能滑

[TristanYang]

@keith1126 谢谢 欢迎 star

[gavindexu]

0.0 选择色调（红黄绿…）时，
背景不会跟着变色儿的吗？
刷新以后才会有看到颜色、壁纸变更了。
在 Chrome、Duckduck GO 里都没有变。

加油～！

[TristanYang]

@TangMonk 这个交互见仁见智...

[TristanYang]

@gavindexu 额，这个是有意做成这样的，考虑到只是切换色系看看，并不想换具体哪个颜色，换色系时，左边的颜色集合也跟着变了，但上一个选中的还在，只有选中左侧具体哪个颜色，才会变。

[muayang]

已 star

[artandlol]

@TristanYang 网上有那种颜色搭配的 摄影 画画正常都需要先搭配下颜色的 可以试下那些颜色

[TristanYang]

@muayang 谢谢 已发送铜币感谢

[FEDT]

挺好看的

[Danswerme]

挺棒的，另外我记得上次有人在 v 站也发了个中国传统色，地址在这里。

http://zhongguose.com/

[Ultraman]

@TristanYang https://i.loli.net/2019/09/16/85kXgms2Q7fTA4n.jpg
就是这样，因为图片长宽比例和屏幕不一致，设置为壁纸时需要再次缩放裁剪，右下角的字这些就显示不完整了

[yazoox]

点进去看，好像都是红色

[TristanYang]

@yazoox 右下角是切换色系的 有其他色系 😅

[levon]

原站居然被重置，我 d 是不是有点太敏感了

[TristanYang]

@levon 好像确实需要翻墙 但是对程序员来说不算啥啦😅

[talen666]

日本网站打不开。。翻墙也打不开。。

[mingyuexin]

不错，挺好的。 不过我觉得这个页面更好看些 http://zhongguose.com/

[zohar727]

感觉可选的颜色没有日本那个多唉

[TristanYang]

@zohar727 数据做了分类，总量差不多。

[xh520630]

真的好看 各种颜色 不过他是干嘛用的...就是查颜色吗

[godgc]

老哥复制功能是用什么做的？兼容性咋样？

[TristanYang]

@xh520630 哈哈 对于设计师来说 可能有点用 可以复制颜色 hex。普通用户来讲，美即功能，好像还有点用的地方是可以生成壁纸。右上角的下载那个按钮。

[star7th]

棒。做 app 或者网页的时候可以参考配色了

[TristanYang]

@godgc https://www.npmjs.com/package/copy-to-clipboard

[karnaugh]

做的真不错，棒棒哒

[richzhu]

已 fork

[santom]

已 star

[TristanYang]

@richzhu 谢谢

[TristanYang]

@santom 谢谢

[as94boy]

可以，颜色蛮全的，可以使用。

[TristanYang]

@karnaugh 谢谢

[TristanYang]

@as94boy 谢谢 我的目标就是对设计师有一定的实用性

[TristanYang]

@star7th 谢谢 能帮到你我也很开心

[XiaoWangZhanzz]

支持下!!!!

[TristanYang]

@XiaoWangZhanzz 谢谢

[jay3zhang]

很漂亮，支持

[TristanYang]

@jay3zhang 谢谢 欢迎 star 支持

[Pillowl]

@TristanYang 如果后续能直接做一个壁纸软件我想是极好的，能自动更换壁纸那种~。

[marcong95]

@TristanYang #22 但是我在 PC 端（ Chrome 76.0.3809.132 ）在颜色 list 外面滚动可以把整个页面滚动 20px 左右，这个应该是个 bug ？我审查元素点开看，好像没发现那个多出来地方有什么元素

https://i.loli.net/2019/09/16/FTfjyv6z47nKYIB.png

[styang]

挺好看的

[yongyang599]

中国色（ http://zhongguose.com/） 很久之前发现的

[TristanYang]

@yongyang599 嗯 这个也是从日本那个网站得到的灵感 只是技术栈比较老旧了

[TristanYang]

@Danswerme 嗯 这个也是从日本那个网站得到的灵感 只是技术栈比较老旧了

[RockShake]

确实挺漂亮的，赞一个

[E1n]

赞！ star 一波

[E1n]

@TristanYang 老哥是服务器在国外，套了国内的 CDN 吗

[jdhao]

赞

[Seaball0022]

很好看，加油！

[LeeSeoung]

很好看 有心了

[TristanYang]

@E1n 阿里云的服务器

[TristanYang]

@LeeSeoung 谢谢 这几天的辛苦没白费 😋

[TristanYang]

@Seaball0022 谢谢 这几天的辛苦没白费 😋

[TristanYang]

@jdhao 谢谢 这几天的辛苦没白费 😋

[icanfork]

建议：切换主色系的时候，可以默认切换到改色系的第一个颜色中。
这样让用户得到对应的操作反馈

[TristanYang]

@belin520 谢谢，建议已采纳，修改部署了，已发铜币表示感谢。

[meetocean]

切换颜色的功能很有意思。

[1una]

还有一个 zhingguose.com 也可以考虑

[1una]

@1una zhongguose.com

[zgw0]

我也看到过那个项目, 很不错, 已 star

[Peikon]

挺好奇不同颜色对应的色号是在哪查的？

[xuanli]

之前就收藏过，star

[Pho3nix]

原站我也特别喜欢，新站总感觉比原站厚重了一些

[TristanYang]

@Peikon 右上角的感叹号弹窗有备注数据来源

[TristanYang]

@Pho3nix 是的，UI 重构了，也加入了一些自己的想法

[zhangH258]

这个设计的是真的棒

[Exia]

感觉不错啊，突然有种自己想修改一波的感觉，加上自定义语句什么的。

[zhouyg]

好看！

[TristanYang]

@Exia Pull Request，或者 fork 自己改，都可以哈~

[TristanYang]

@zhangH258 谢谢，UI 是站在了别人的肩膀上优化了下，😀

[TristanYang]

@zhouyg 谢谢！

[Exia]

@TristanYang 哈，谢谢，后来又看了一下楼主你的博客，有点启发，先收藏了。

[yehuzi]

很漂亮

[TristanYang]

@yehuzi 谢谢 欢迎 star

[nodeny]

哇，为啥玄色在我这里显示成暗红色

[Hermann]

很好看，支持

[xuanbg]

金色不够深，银色不够亮

[samaxu]

求加个改文字的功能，不知道有没有这种文字库

[TristanYang]

@samaxu 改文字？是指改文字的字体吗？还是文字的内容？

[lizz666]

小米 pro。14 寸屏？反正下面有部分看不到，滚动条滚动距离不够

[lizz666]

刷新下，底部那些看不到的文字又没有了

[Bairrfhoinn]

没有五彩斑斓的黑，哈哈，玩笑，勿怪......

[est]

老哥厉害了。看上去不错