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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

Meteor

JSLint - a Javascript code quality tool

jsFiddle

D3.js

WebStorm

推荐书目

Javascript 权威指南第 5 版

Closure: The Definitive Guide

这是一个创建于 784 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

配色

颜色

杀马特

暗色

13 条回复 2023-10-19 19:10:01 +08:00

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 via Android

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 via iPhone

D3 里面就有颜色处理

murmur

2023-10-19 08:05:46 +08:00

你需要美工，这东西随便找肯定不好看

mogita

2023-10-19 08:07:37 +08:00 via iPhone

https://coolors.co

MENGKE

2023-10-19 09:40:01 +08:00

字节有一个 https://arco.design/palette/list 。
类似的东西很多吧，没收集过

chenzw2

2023-10-19 11:06:22 +08:00

https://css.bqrdh.com/color-scheme

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 via Android

@murmur 一个问题是我现在也不知道需求要做多少图表，到时候应该也是按算法分配颜色，没有细调的空间，只能希望尽可能做个大差不差

LeeReamond

2023-10-19 19:10:01 +08:00 via Android

@hamsterbase
@MENGKE 谢谢回复，不过不是需要这种全颜色，需求是比如我需要展示 10 个柱状通路图，各自需要两个颜色，所以一共需要 20 个颜色。给我全套的我不知道选哪个