我有一组类别(根据具体状态改变的数量),我需要为每个类别分配一个独特的颜色。
我尝试使用随机颜色,但看起来很糟糕,所以我需要一种生成随机颜色的方法。
答案 0 :(得分:8)
你应该研究色彩理论和补色;这将为您提供可以很好地协同工作的颜色。
看看Color Scheme Designer。使用四分法模式可以查看如何组合4种颜色和不同的阴影,以在图像中提供许多不同的区域。
以下是colour shades chart和some examples可能会对您有所帮助。
答案 1 :(得分:3)
为什么不创建一个你认为相互适合的颜色列表(比如基本的红色,绿色,蓝色,黄色,橙色等),只需从列表中选择随机颜色,无论如何都是安全的知识选择颜色,它们看起来都相当不错?
答案 2 :(得分:3)
要扩展之前的答案,您可以使用http://www.colr.org/等服务(从图像创建颜色方案)来创建保证“非奇怪”的颜色方案,然后从中选择随机颜色方案
答案 3 :(得分:2)
地球上最简单的事情:
使用HSV颜色模型(http://en.wikipedia.org/wiki/HSL_and_HSV)并只更改其中一个参数(Hue)以获得漂亮的颜色过渡。
答案 4 :(得分:1)
您必须使用网络上的颜色选择器来确定算法,并查看使用固定数量更改RGB值时会发生什么。如果你能找到它(例如:在R值上加10,如果到达末尾,在G值上加10,并重置R值),你可以动态为自己制作一个列表。
第二个选项是,当您知道最终的类别最多时,您可以创建一个列表并使用它。
答案 5 :(得分:1)
我在类似情况下使用的技巧是生成三个随机强度值,然后在六种可能的RGB组合中使用这三个值来生成具有恒定强度和均匀对比度的颜色调色板。
使用三个强度值33,88和aa。
的示例<div style='background-color: #3388aa;'>Color 1</div>
<div style='background-color: #33aa88;'>Color 2</div>
<div style='background-color: #aa8833;'>Color 3</div>
<div style='background-color: #aa3388;'>Color 4</div>
<div style='background-color: #8833aa;'>Color 5</div>
<div style='background-color: #88aa33;'>Color 6</div>