javascript - Web 安全颜色生成器或算法

标签 javascript algorithm web-safe-colors

有人遇到过网络安全颜色算法吗?也许是为了解释为什么我需要一个;该调色板将用于 JavaScript 图表解决方案。这就是为什么生成的颜色需要彼此足够不同的原因。我知道只有 216 种网络安全颜色,我可以手动对它们进行排序,但我只想满足在需要时扩大范围的可能性。因此需要一种算法。

定义可以在 http://en.wikipedia.org/wiki/Web_colors 上找到

尽管很少有人仍在使用 8 位显示器,但网络安全颜色也是在不同设备上最一致地重现的颜色,并且最不伤眼。

如果有指向处理该问题的项目或库的任何链接,我将不胜感激。

更新:

以防万一我不够清楚。目前我的代码有一个定义的颜色数组。这是最简单的解决方案。一个更复杂但更灵活的解决方案是:

第 1 步:计算所需不同颜色的数量 第 2 步:计算颜色,以便选择当前范围内最明显的颜色: - 有四种颜色的示例:结果:[蓝色、灰色、红色、绿色] - 50 种颜色的示例:[蓝色、灰色、红色、绿色、黄色、紫色、橙色、青色、蓝色 2、灰色 2、红色 2、绿色 2、...]

所以我们的想法是:创建每种颜色的堆栈。因此,堆栈 1 将包含蓝色阴影,堆栈 2 将包含灰色阴影,堆栈 3 红色阴影等等。每个阴影都是“网络安全”颜色。阴影也是根据我们总共需要多少种颜色除以堆叠数来计算的。然后我可以从堆栈中收集颜色,以便: - 从每堆顶部取一种颜色 - 从每堆底部取一种颜色 - 从每堆顶部取一种颜色 -等等

这样我们可以实现以下目的: - 选择的颜色最有可能彼此不同 - 通过排列堆叠,颜色“很好地坐在一起” - 2 种相邻颜色之间的区别是最好的,同时不会干扰视觉。 - 这可以产生多少不同的颜色是有限制的,因为它们不再足够明显。此时我们才重新开始。

我希望这能说明问题以及我为什么要计算这些。

另外:我不是网页设计师。

最佳答案

为什么不直接在应用的配置文件中定义它们呢?便于日后扩展。

关于javascript - Web 安全颜色生成器或算法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7650703/

相关文章:

javascript - 如何使用 jquery ajax 检索 json 对象并每 n 秒刷新一次该对象

c - 查找重复元素数组中的两个非重复元素异或运算符?

Java,位 vector

PHP 比较数组元素作为一个整体

colors - 如果我有调色板,找到最接近的网络安全颜色

javascript - 我不断收到 undefined 使用 map 方法的错误

javascript - 抛出异常 : Node. js 与 Gevent

javascript - AJAX 回调中变量值错误