Linear-gradient() 使用哪个颜色空间？

发布于 2025-01-20 15:55:05 字数 68 浏览 5 评论 0 原文

CSS的线性级函数（）函数使用RGB，HSL或HSV哪个颜色空间？为什么？

我可以更改自己选择的颜色空间吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

世界等同你 2025-01-27 15:55:05

将来您可以指定颜色空间

与 [css3-images] 相比，此级别添加了一个标记来自定义渐变中的颜色插值，如 CSS Color 4 § 12 Interpolation 中所述。

linear-gradient() = linear-gradient(
  [ <angle> | to <side-or-corner> ]? || <color-interpolation-method>,
  <color-stop-list>
)
<side-or-corner> = [left | right] || [top | bottom]

如果您想测试，您可以继续阅读以获取更多详细信息

Safari对此有一些支持： https://twitter .com/argyleink/status/1490376117064065025

In the future you can specify the color space

Compared to [css3-images], this level adds a token to customize color interpolation in gradients as described in CSS Color 4 § 12 Interpolation.

linear-gradient() = linear-gradient(
  [ <angle> | to <side-or-corner> ]? || <color-interpolation-method>,
  <color-stop-list>
)
<side-or-corner> = [left | right] || [top | bottom]

You can keep reading for more detail

Safari has some support for this if you want to test: https://twitter.com/argyleink/status/1490376117064065025

回复收藏 0 原文

不喜欢何必死缠烂打 2025-01-27 15:55:05

如果您未在渐变函数中指定颜色空间，则默认空间为 sRGB（尽管 Chrome 有一个错误，这在 MacOS 中不太正确）。

浏览器已开始发布较新的语法，允许您指定颜色空间：线性渐变（在 oklch 90deg、红色、蓝色中）。有效的颜色空间为 hsl、hwb、lch、oklch（极坐标空间）和 srgb< /code>、srgb-线性、lab、oklab、xyz、xyz-d50代码>，和xyz-d65（矩形空间）。