使用不同的色彩空间创建不无聊的渐变

一个小的渐变生成器工具 来自 Tom Quinonero。您可能会认为将一种颜色淡化成另一种颜色是一个显而易见、简单且已解决的问题——实际上并非如此！

Tom 的生成器做了两件事，有助于使渐变更好

1. 您可以选择一个“插值空间”。使用 sRGB 色彩空间的渐变（几乎是我们今天在 CSS 中使用的所有颜色内容）有一个不好的习惯，即会穿过 灰色死区，如果您在另一个色彩空间中插值渐变，它可能会变得更好（然后将其转换回 RGB 以供今天使用）。
2. 缓动 颜色，通过使用多个颜色停止点，这可以产生不那么突然且更令人愉悦的外观。

不同渐变应用使用不同的色彩空间

Josh 有 另一个类似的应用程序，Erik Kennedy 也有。在不同的色彩空间中，不同的渐变有多么有趣。将色彩空间想象成一张物理地图，其中各个颜色是地图上的点。渐变很愚蠢。它们只是从地图上的一个点直接走到另一个点。它们行走时脚下的颜色会极大地影响渐变的最终效果。

Safari 技术预览版具有实验性的 CSS 渐变色彩空间，我昨晚玩得很开心！

“`#css
background: linear-gradient(
to right in var(–colorspace),
black, white
);
“`

基本的黑色到白色的渐变差别很大！https://127.0.0.1/ltCWtzUD23 pic.twitter.com/rlUIiDFJu9

— Adam Argyle (@argyleink) 2022年2月6日

直接链接 →