选择美观的随机颜色

6

我有一组类别(数量根据特定状态而变化),每个类别需要分配一个唯一的颜色。

我尝试过使用随机颜色,但它们看起来很糟糕,因此我需要一种生成相互适合的随机颜色的方法。


1
我猜你是在问我们如何让那个随机方法起作用?我可以告诉你,它肯定不会是“随机”的。你有没有关于代码如何知道两种颜色是否“奇怪”或“有趣”的特定算法? - Cody Gray
我需要例如两种不同的颜色和款式(第一款适合第二款),我不知道如何更好地解释,因为我的英语不是很好。例如,我需要一个特定的颜色和所有可能的独特程度的相同颜色,以便看起来好看,并且每个类别的颜色都适合其他颜色。 - Anyname Donotcare
1
看看这个网站,想个主意:http://colorschemedesigner.com/。它可以生成一种颜色,两种较浅/较深的颜色,以及与之搭配的一些其他颜色。我不确定它使用了什么计算方法,但这个想法是可行的。 - Piskvor left the building
6个回答

7
你应该了解色彩理论和互补色,这将为你提供能够很好地搭配在一起的颜色。
请看Color Scheme Designer。使用四分法模式,看看如何结合4种颜色和不同的色调,以给图像中的多个区域带来明显的效果。
这里有一个颜色阴影图表一些示例,可能会对你有所帮助。

这看起来很棒,但是如何创建或使用他们用来制作这个的方法呢? - Anyname Donotcare
1
你需要一个数据结构来存储颜色及其互补色,一个大型查找表。从随机选择一种颜色开始,然后从中选择其他颜色。我必须承认我不知道如何生成查找表,这是你的练习 :) - Tony
2
@just_name - 我在我的答案中添加了一些链接,以帮助你入门。该表格包括一个色调(作为度数值),可以帮助你找到互补颜色。 - Tony

3
为什么不创建一个颜色列表,你认为这些颜色彼此适合(例如基本的红色、绿色、蓝色、黄色、橙色等),然后从列表中随机选择颜色,放心选择,因为无论选择哪些颜色,它们看起来都相当不错?

我不确定分类的数量,它们根据特定状态而变化,因此我需要更通用的方法。 - Anyname Donotcare

3

进一步说明,您可以使用像http://www.colr.org/这样的服务(从图像中创建配色方案),创建保证“非奇怪”的配色方案,然后从该方案中随机选择一种颜色。


2

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>

1

你需要使用来自网络的颜色选择器,找出一个算法,并查看当您改变RGB值时会发生什么(例如:将10添加到R值,如果达到末尾,则将10添加到G值并重置R值),这样您就可以动态地为自己创建列表。

第二个选项是,当您知道您有终极最大类别时,您可以创建一个列表并使用它。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接