良好的调色板，可用于色盲。

我现在正在设计一个图表，它将慢慢添加更多的项目。我想为商品创建颜色的列表/顺序，这对于色盲区分每个商品最有用。任何想法如何/从哪里开始？

如果您想采用“试错法”的方法，我建议您使用一种名为Color Oracle（跨平台）的工具，该工具可以在计算机屏幕上模拟色盲/色盲，色盲/色盲和色盲的类型。

（此外，Photoshop在View→ 下Proof Setup（至少CS5具有）提供了色盲证明设置。但是，如果您要设计图表，则Photoshop可能有点过大。）

您要解决哪种色盲？这个连结

http://en.wikipedia.org/wiki/Color_blindness

应该使您对各种颜色有所了解，以避免基于色盲的类型。

通常，使任何事情依赖于在蓝色和绿色之间进行选择都是很容易的。您可能想看看您的东西看起来是纯单色的。

由于存在一定范围的“色盲”，您可能还希望始终确保控件等具有冗余性（例如，红色的大按钮也应标记为“自毁按钮”，并带有对比鲜明的颜色（红色为黑色）或红色白色）。

色盲有很多种。关键是要确保有足够的对比度。更好的是，不要仅仅依靠颜色-始终在形状，对比度或项目顺序上覆盖相同的信息。如果您的图像以黑白易于理解，则可以通过。

我色盲。“我们”喜欢使用颜色来区分图形，就像使用“您”一样来区分颜色-就是我们的世界中的颜色比您少。这是本着80/20规则精神的务实建议。

如果您的第一种颜色传感器（原型）不起作用，则您的视力是原先的。如果他们只是表现不佳，那说明您是原始的。对其他两种类型的颜色传感器重复上述步骤，并用“氘代”或“三重”代替“原型”。（我认为这些是1,2,3的希腊语）。

务实的机会来自于事实，即申办子宫肌瘤比其他类型更为普遍。所有男性的5％。其他人在男性中的得分低于1％，在女性中甚至更低。因此，对我们来说，氘代化学家的简单解决方案将走很长的路要走-我个人不想自己配置颜色只是为了能够看到图形上线条的差异。（这总是在发生）。

我在下面添加了一小组颜色，可以轻松看出它们之间的区别。我尝试添加更多内容未成功-从而使您了解了调色板需要多小。

Nb。不要忘记在您创建的用户体验中按名称引用这些颜色是没有用的。对于我们Deuts-似乎“您”已经为几乎相同的颜色发明了许多不必要的重复名称：-)

rgb（255，204，153）

rgb（204，204，255）

rgb（255，102，102）

RGB（139，230，2）

红色

黄色

rgb（51，51，255）

rgb（153，153，153）

rgb（153，0，0）

rgb（51，51，51）

rgb（0，0，102）

RGB（120、102、75）

色盲最常见的一种是红绿色色盲（这可能是检测红色或检测绿色的缺陷，但很少会同时出现）。因此，请避免依赖光谱中红绿色部分的区别。（例如，浅绿色和浅橙色在这种人身上看起来往往一样。）

如果您要特别谨慎，可以将颜色放在蓝黄色的轴上（非常深的蓝色；浅绿色；白色；淡绿色；棕色）；深蓝色。所有的红绿色问题仍然使个人能够分辨出蓝色是不同的。黄色具有同时激活绿色和红色锥体的优点，因此，如果其中一个存在问题，则仍然很明显。另外，大多数人都可以看到亮度增加的任何区域（例如，红色->黄色->白色）。但是，不要以为红色不同于黑色。

有一些工具用于Firefox在那里例

Afaik，还有一个包含一些准则的证书。我调查了我的论文，但到目前为止还没有找到。Google一定会告诉您有关您所在国家/地区可用的不同证书的信息。

我要复活这是因为很难找到具体的例子或操作方法。

您可以使用模拟器来帮助实现此目标，请记住，以Deuteranopia为目标涵盖了大多数，支持Protanopia也涵盖了几乎所有其他人。（我相信其余的人口不到总人口的0.01％。）

Adobe产品（例如Illustrator）具有非常有用的模拟器（打开一个新窗口，然后选择“视图”>“校样设置”>“色盲...”），当您调整颜色时，它们可以立即向您实时显示并排显示。并且还有免费的独立工具，例如Color Contrast Analyzer。

以下只是Illustrator的示例屏幕快照，显示了六种颜色的调色板（其中第六种颜色是红色或洋红色，而不是两者）和两种模拟。从统计上讲，左下角是最关键的一个。

请注意，在这种情况下，紫色仅在边缘上有用（相当褪色，即使如此，与蓝色和/或品红色的对比度仍然很低）。同样，“最安全”的选项（用洋红色代替红色）是非常响亮的。对于大多数患有CVD的人来说，调整红色和绿色的饱和度/亮度可以提供可识别的对比度。

（请在重新使用此调色板/图像之前与我确认。）

我强烈建议您使用HSL色彩空间。HSB（又名HSV）也非常友好，尤其是与RGB或CMYK相比。（仅供参考，在两个系统中只有H色调值将是相同的。）在此，每列使用单个色调编号。以后，您始终可以从Adobe或使用colorizer.org上的出色工具提取RGB代码。不幸的是，十六进制RGB代码是最简洁的代码，程序员可以直接使用。尽管如果您使用的是CSS，它直接支持HSL（是）。

蓝色的饱和度故意较低，（a）是较柔和的链接/按钮颜色，（b）与这些饱和度较高的洋红色和紫色形成鲜明对比。在列中，主要变化是亮度，但是您也可以避免某些饱和度变化。

如果您不在Photoshop中，或者所使用的版本不具有上述提到的色盲显示视图，则可以通过转换为灰度来检查设计的亮度对比度。或者，如果它是PS的早期版本，则可以使用饱和度一直向下调的色相和饱和度图层，也可以使用将黑色到白色作为渐变的渐变图。将这一层作为文档的顶层，然后每当要检查对比度时，将其打开。我更喜欢渐变贴图，因为它可以更准确地显示颜色之间在亮度方面的对比（红色显示的颜色要比刚去饱和的要轻一些），但是任何一个都可以显示设计中的问题区域。只要您的页面在该视图中看起来不错，对色盲用户来说就可以。

图1：石原色盲测试。

我只是回答了一个类似的问题，有些冗长：

提供给色盲用户的调色板的最佳来源是什么？

基本结果是：您的用户群的特定色盲体验（由于存在很大差异）值得研究；您的调色板可能会从您通过色盲眼睛看到的内容演变而来。

图片相关：

我知道我已经回答了这个问题-但我发现了：

http://disturbmedia.com/max/colour-blindness.html

...这是一种色盲模拟器，似乎特别适合您的任务。我看着它，对色盲感到非常难受，以至于出于同情心，我不得不考虑同样适用于他们的调色板。真的-我不是在开玩笑。看一看。