请问前端有什么项目可以自动生成大量配色表吗?

2023-10-19 00:50:51 +08:00
 LeeReamond

如题,后台管理页面需要展示大量图表,配色全是统一一个颜色的看起来太死板了,纯随机颜色的话看起来太杀马特,不知道颜色方面有没有成熟解决方案,可以自动帮忙算出十个或者二十个看起来还挺不错的配色的。

需要亮色主题和暗色主题两套,最好是本地项目,不要是互联网服务。。。

2190 次点击
所在节点    JavaScript
13 条回复
wZuck
2023-10-19 01:07:15 +08:00
Color Hunt
hamsterbase
2023-10-19 02:28:48 +08:00
https://ant.design/docs/spec/colors-cn

可以看看 ant design 的
learningman
2023-10-19 02:33:18 +08:00
Adobe Color
leoleoasd
2023-10-19 03:32:49 +08:00
直接用 hsl 或者 hsv 这样基于 hue 的颜色计算系统吧
leoleoasd
2023-10-19 03:33:30 +08:00
指定好 saturation 和 lightness, 然后自动把 360 的 hue 平均分成 图标的 bar 的数量个 就生成了一堆 统一色调亮度的颜色
kongkx
2023-10-19 07:45:14 +08:00
D3 里面就有颜色处理
murmur
2023-10-19 08:05:46 +08:00
你需要美工,这东西随便找肯定不好看
ck65
2023-10-19 08:07:37 +08:00
MENGKE
2023-10-19 09:40:01 +08:00
字节有一个 https://arco.design/palette/list 。
类似的东西很多吧,没收集过
chenzw2
2023-10-19 11:06:22 +08:00
showonder
2023-10-19 14:44:47 +08:00
如果是 UI 开发的话,我们的色彩设计师建议用这个 figma 插件可以快速一致地调整出一套 color system ,https://www.figma.com/community/plugin/1063959496693642315/ui-color-palette

对于 @leoleoasd 的方法,设计师提示不建议没有色彩设计经验的人用 HSV/HSL 这些色彩空间调整,数值上和视觉上保持一致难度比较大,更不能用 RGB 这些数值和视觉几乎对不上的色彩空间,建议 HSLuv 、LCH/OKLCH 这些人类视觉更友好的色彩空间通过数值调出来的颜色一致性会更好
LeeReamond
2023-10-19 18:54:29 +08:00
@murmur 一个问题是我现在也不知道需求要做多少图表,到时候应该也是按算法分配颜色,没有细调的空间,只能希望尽可能做个大差不差
LeeReamond
2023-10-19 19:10:01 +08:00
@hamsterbase
@MENGKE 谢谢回复,不过不是需要这种全颜色,需求是比如我需要展示 10 个柱状通路图,各自需要两个颜色,所以一共需要 20 个颜色。给我全套的我不知道选哪个

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/983318

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX