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

V2EX = way to explore

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

For Existing Member Sign In

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 921 days ago, the information mentioned may be changed or developed.

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

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

配色

颜色

杀马特

暗色

13 replies • 2023-10-19 19:10:01 +08:00

wZuck

Oct 19, 2023

Color Hunt

hamsterbase

Oct 19, 2023

https://ant.design/docs/spec/colors-cn

可以看看 ant design 的

learningman

Oct 19, 2023 via Android

Adobe Color

leoleoasd

Oct 19, 2023

直接用 hsl 或者 hsv 这样基于 hue 的颜色计算系统吧

leoleoasd

Oct 19, 2023

指定好 saturation 和 lightness, 然后自动把 360 的 hue 平均分成图标的 bar 的数量个就生成了一堆统一色调亮度的颜色

kongkx

Oct 19, 2023 via iPhone

D3 里面就有颜色处理

murmur

Oct 19, 2023

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

mogita

Oct 19, 2023 via iPhone

https://coolors.co

MENGKE

Oct 19, 2023

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

chenzw2

Oct 19, 2023

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

showonder

Oct 19, 2023

如果是 UI 开发的话，我们的色彩设计师建议用这个 figma 插件可以快速一致地调整出一套 color system ，https://www.figma.com/community/plugin/1063959496693642315/ui-color-palette

对于 @leoleoasd 的方法，设计师提示不建议没有色彩设计经验的人用 HSV/HSL 这些色彩空间调整，数值上和视觉上保持一致难度比较大，更不能用 RGB 这些数值和视觉几乎对不上的色彩空间，建议 HSLuv 、LCH/OKLCH 这些人类视觉更友好的色彩空间通过数值调出来的颜色一致性会更好

LeeReamond

Oct 19, 2023 via Android

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

LeeReamond

Oct 19, 2023 via Android

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