2024/12/233
🎨 让AI根据你的审美来调色:推荐一个AI配色网站Khroma
"代码可以重构,人生不能重来,但配色方案可以随便换!"
最近在折腾我的个人站点时,意外发现了一个神奇的网站 —— Khroma。据称这玩意儿内置了AI算法,专门给你推荐UI设计的配色方案。作为一名常年与#000000和#FFFFFF打交道的极客,这简直就像给我这个色盲患者戴上了一副能看见彩虹的眼镜!
点击访问:Khroma网址
🖌️ 传统配色设计的痛点
- 选择恐惧症:
rgb(255, 255, 255)和rgb(254, 254, 254)之间的微妙区别,往往让我们这些粗糙汉子头疼不已 - 时间杀手:在无数个Hex代码中来回切换,就像在调用栈里debug一样让人崩溃
- 美感缺失:相信我,程序员觉得好看的配色,经常让设计师朋友捂住心脏说"求你别这样"
🤖 AI配色的魔法
Khroma让我这个配色小白也体验了一把设计师的快乐。它的基本流程是这样的:
1. 从预设的颜色块中选择50个你中意的
2. AI算法会分析你的选择,学习你的审美倾向
3. 生成一系列专属的配色方案供你调用

💡 使用体验
优点
- 免费:还要什么自行车
- 简单:没有复杂的参数设置,比Nginx配置简单100倍
- 智能:AI给出的方案确实比我琢磨的"黑底红字"要专业的多
- 丰富:生成的方案包含了色卡、渐变、组合等多种形式
缺点
- 选色耗时:选择50个颜色块的过程稍微有点枯燥
- 无法精准控制:对于那些"我就想要#FF5733和#33FF57搭配"的要求,AI有时会不太配合
⚙️ 配置建议
作为一名"不折腾不舒服斯基"的技术宅,我建议可以这样使用Khroma:
- 先用AI生成的方案打底
- 使用Chrome的DevTools微调
- 配合CSS变量实现动态切换
- 别忘了设置
!important保命符
🎉 结语
作为一个常年与黑屏白字打交道的极客,Khroma让我感受到了色彩的乐趣。虽然我依然会在VPS上继续使用"代码编辑器风格"的配色,但至少在我的个人博客上,终于可以摆脱"黑夜模式"的单调了。
"生活不止眼前的bug,还有诗和远方的渐变。" —— 博壹BOYY