Stripe 团队探索了他们如何改进他们的调色板,使其在所有产品和界面中对用户更易访问和可读。 不仅如此,团队还构建了一个很棒且完全疯狂的应用程序,用于找出他们需要的理想颜色范围。
我们构建了一个 Web 界面,使我们能够使用感知上统一的颜色模型来可视化和操作我们的颜色系统。 该工具在迭代颜色时为我们提供了一个立即的反馈循环——我们可以看到每次更改的效果。
这个工具太棒了! 我很想了解更多关于他们构建这个工具的原因,因为它看起来并不容易快速构建。 我想知道该团队是否必须为他们的图表或数据可视化 UI 支持广泛的颜色范围(因为复杂的图表通常需要更广泛的颜色范围才能有效地比较数据位)。 无论哪种方式,这都是非常鼓舞人心的工作。
这有点类似于两种用于强制可访问颜色的技术,包括一种 使用自定义属性 与 calc()
和 rgb
通过 Josh Bader,以及另一种通过 Facundo Corradini 也使用自定义属性 但使用 hsl
以及条件语句。
我们能否找到
blue-100
或red-500
等的十六进制代码? 也就是说,您有一个基本颜色,然后其他颜色被命名为100 到 900
,就像这样。 谢谢。遗憾的是,他们似乎没有将其应用于他们的博客。 当我在页面上运行 Wave 时,该网站有 101 个“对比度非常低”的警告 :(
这很好,但他们的颜色与他们声明的品牌并不完全一致,因为它们经过了这个过程。 例如,我敢你直面地说,他们最终的“黄色”确实是黄色的。