这是一个创建于 1406 天前的主题，其中的信息可能已经有所发展或是发生改变。
先上链接： https://chinese-colors.heyfe.org/
因为经常会写一些小 demo 之类的，苦于配色痛苦就写了一个一键配色的小网站。
主流的配色站点一般都是给出几个颜色的搭配，然后需要自己去搭配到元素上，对我这种美感缺失的人实在太痛苦了。
主色列表用的是中国色上的，然后会根据主色生成边框、字色、背景色等颜色。可以在配置面板中选择配色方案。
不过现在颜色太多有点难找，回头加个收藏功能。欢迎大家提建议和意见。
第 1 条附言 2022-02-08 23:14:46 +08:00
网站没有引导，录了个小视频：
网站的颜色列表数据是来自中国色： http://zhongguose.com/ ，并非我整理，按照中国色网站的解释，是来自中科院，不过我没找到相关资料。
网站主要功能不是为了展示颜色列表，而是按照颜色来生成一个网页的字色、背景色、线条色等常用颜色，减少配色时的痛苦，配色功能藏在左侧中间的按钮中，好像不是很容易发现。具体使用可以看上方的视频
网站的颜色列表数据是来自中国色： http://zhongguose.com/ ，并非我整理，按照中国色网站的解释，是来自中科院，不过我没找到相关资料。
网站主要功能不是为了展示颜色列表，而是按照颜色来生成一个网页的字色、背景色、线条色等常用颜色，减少配色时的痛苦，配色功能藏在左侧中间的按钮中，好像不是很容易发现。具体使用可以看上方的视频
第 2 条附言 2022-02-08 23:30:26 +08:00
emm 上面写错了，按钮是在右侧中间，又左右不分了
windows 下字体有点不太行，回头找个 windows 自带的国风字体加上去，现在 windows 下用的自定义字体不过字体文件太大了，速度好像很慢的样子。
然后其实按 空格键 可以随机选择一个颜色，解决选择困难证
windows 下字体有点不太行，回头找个 windows 自带的国风字体加上去，现在 windows 下用的自定义字体不过字体文件太大了，速度好像很慢的样子。
然后其实按 空格键 可以随机选择一个颜色，解决选择困难证
 | 1 thedog 2022-02-08 20:50:24 +08:00 优秀 |
 | 2 pomesio 2022-02-08 21:12:20 +08:00 挺不错的，最好能做个复制的按钮，2 个方案： 1 、点击颜色块就自动复制了 hex ； 2 、在右边的 hex 和 rgb 栏，分别做两个复制机制；对于 hex 的复制则为#ffffff 这种，rgb 的复制则为 0,0,0 这种，不要带任何括号比较好，因为不是所有语言的数组表达式都一样。 以上仅我在初体验时候遇到的问题。 |
 | 3 Yother 2022-02-08 21:17:53 +08:00 via Android 这个感觉出来很久了。 |
 | 4 sickoo 2022-02-08 21:33:14 +08:00 |
 | 5 EPr2hh6LADQWqRVH nbsp; 2022-02-08 21:35:31 +08:00 颜色生成什么算法，开源吗？ |
 | 6 dream7758522 2022-02-08 22:06:47 +08:00 via Android 就服你能给颜色起那么多名字 |
 | 7 EyebrowsWhite 2022-02-08 22:22:18 +08:00 感觉可能是字体&字号的原因，左边的某些颜色名称看着有点费劲 |
 | 8 ZxBing0066 OP @dream7758522 颜色不是我起的名字哦 ，从中国色拿来的，应该是中科院的数据，我是将颜色做转换生成字色、背景这些 |
| 9 ZxBing0066 OP @avastms 自己写的额，还比较粗糙暂时不开源了就，后面好好研究下，没问题了再开源。这个颜色生成还是得有专业性知识，我这是这几天研究了好久乱搓的。 |
| 10 ZxBing0066 OP @EyebrowsWhite 嗯 这个原先的方案是列表里所有的颜色都会随着色彩变化，但是由于添加了很多渐变动画，元素太多切换时会造成卡顿，所以替换成了现在的方案，颜色固定了，再深色背景下会有些吃力，暂时想不到什么好办法 |
| 11 ZxBing0066 OP @Yother 你说的是 http://zhongguose.com/ 这个吧，这个是出来好久了，我这个主要是为了生存网站的配色，定位不太一样。而且中国色这个网站有点问题，配色固定，很多颜色会导致文字完全没法看。 |
| OP @pomesio 麻烦看下追加的视频哈，这个主要不是提供主色的这种，而是直接生成一套字体、背景、线条的配色，功能都藏在右侧中间的按钮里了，不太显眼，那边可以导出主题然后复制的 |
 | 13 mlhadoop 2022-02-09 00:03:52 +08:00 复制了怎么用？ 有 demo 吗 |
 | 14 agdhole 2022-02-09 00:30:55 +08:00 根本看不清字 |
| 15 ZxBing0066 OP @agdhole 看不清指的是左侧颜色列表还是什么。左侧的话在部分深色环境下确实会有时看不清，不过暂时想不到什么好办法。 |
| 16 ZxBing0066 OP @mlhadoop 现在导出的是 scss 或者 css 的变量。直接用变量就行了 |
 | 17 sarices 2022-02-09 08:41:17 +08:00 换个字体吧，黑体就很好了啊，每个人都能看明白 |
| 18 ZxBing0066 OP @sarices windows 下的字体吗？ mac 字体我觉得挺舒服的 行楷，比较喜欢楷书这种 |
 | 19 rbw 2022-02-09 11:58:49 +08:00 哈哈哈 我之前给网站配色就是从传统色上找的。https://dasein.site |
| 20 agdhole 2022-02-09 13:17:06 +08:00 @ZxBing0066 #15 windows 4k 显示器，左侧字又小又糊 |
| 21 ZxBing0066 OP @agdhole 手头只有 2k 显示器 大小看着还好，windows 上不懂为啥字确实有点糊 |
 | 22 iiqiu 2022-02-09 17:31:09 +08:00 你这个网站 看的我头晕 |
 | 23 adian 2022-02-09 20:44:17 +08:00 艳红 237 90 101 |
| 24 ZxBing0066 OP @ypzhou windows 吗 win 下有点糊 没搞懂为啥 |
 | 25 sechi 2022-02-10 08:11:22 +08:00 这个字体观感太不好了，字很小而且也不是很好看，建议还是上黑体 |
| 26 ZxBing0066 OP @sechi mac 吗 ，我觉得行楷挺好看的 。字是小了点 个人习惯，喜欢一屏看下更多东西 |
 | 27 sechi 2022-02-11 06:14:24 +08:00 via Android @ZxBing0066 Windows ，除去字体的因素，整体上来看还是做的很不错的～ |
| 28 ZxBing0066 OP |
Select Language