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