写了个懒人网站用于一键给网站配色

[ZxBing0066]

先上链接： https://chinese-colors.heyfe.org/

因为经常会写一些小 demo 之类的，苦于配色痛苦就写了一个一键配色的小网站。

主流的配色站点一般都是给出几个颜色的搭配，然后需要自己去搭配到元素上，对我这种美感缺失的人实在太痛苦了。

主色列表用的是中国色上的，然后会根据主色生成边框、字色、背景色等颜色。可以在配置面板中选择配色方案。

不过现在颜色太多有点难找，回头加个收藏功能。欢迎大家提建议和意见。

[thedog]

优秀

[pomesio]

挺不错的，最好能做个复制的按钮，2 个方案：
1 、点击颜色块就自动复制了 hex ；
2 、在右边的 hex 和 rgb 栏，分别做两个复制机制；对于 hex 的复制则为#ffffff 这种，rgb 的复制则为 0,0,0 这种，不要带任何括号比较好，因为不是所有语言的数组表达式都一样。
以上仅我在初体验时候遇到的问题。

[Yother]

这个感觉出来很久了。

[sickoo]

优秀，https://color.adobe.com/zh/explore

[EPr2hh6LADQWqRVH]

颜色生成什么算法，开源吗？

[dream7758522]

就服你能给颜色起那么多名字

[EyebrowsWhite]

感觉可能是字体&字号的原因，左边的某些颜色名称看着有点费劲

[ZxBing0066]

@dream7758522 颜色不是我起的名字哦 😂，从中国色拿来的，应该是中科院的数据，我是将颜色做转换生成字色、背景这些

[ZxBing0066]

@avastms 自己写的额，还比较粗糙暂时不开源了就，后面好好研究下，没问题了再开源。这个颜色生成还是得有专业性知识，我这是这几天研究了好久乱搓的。

[ZxBing0066]

@EyebrowsWhite 嗯 这个原先的方案是列表里所有的颜色都会随着色彩变化，但是由于添加了很多渐变动画，元素太多切换时会造成卡顿，所以替换成了现在的方案，颜色固定了，再深色背景下会有些吃力，暂时想不到什么好办法

[ZxBing0066]

@Yother 你说的是 http://zhongguose.com/ 这个吧，这个是出来好久了，我这个主要是为了生存网站的配色，定位不太一样。而且中国色这个网站有点问题，配色固定，很多颜色会导致文字完全没法看。

[ZxBing0066]

@pomesio 😂 麻烦看下追加的视频哈，这个主要不是提供主色的这种，而是直接生成一套字体、背景、线条的配色，功能都藏在右侧中间的按钮里了，不太显眼，那边可以导出主题然后复制的

[mlhadoop]

复制了怎么用？ 有 demo 吗

[agdhole]

根本看不清字

[ZxBing0066]

@agdhole 看不清指的是左侧颜色列表还是什么。左侧的话在部分深色环境下确实会有时看不清，不过暂时想不到什么好办法。

[ZxBing0066]

@mlhadoop 现在导出的是 scss 或者 css 的变量。直接用变量就行了

[sarices]

换个字体吧，黑体就很好了啊，每个人都能看明白

[ZxBing0066]

@sarices windows 下的字体吗？ mac 字体我觉得挺舒服的 行楷，比较喜欢楷书这种

[rbw]

哈哈哈 我之前给网站配色就是从传统色上找的。https://dasein.site

[agdhole]

@ZxBing0066 #15 windows 4k 显示器，左侧字又小又糊