这是一个创建于 1914 天前的主题，其中的信息可能已经有所发展或是发生改变。
偶然间看到一个日本人在 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
搭车推荐我的另一个作品： https://www.v2ex.com/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
真不错，顶
|
 |
3
TristanYang 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
winterbells 2019-09-15 22:08:43 +08:00 via Android
网站叫 nippon colers =。=
|
|
11
winterbells 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
keith1126 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
belin520 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