当前位置：文江博客话题详情

在CSS中，HSL值可以是浮点数吗？

发布于 2024-11-02 08:51:33 字数 374 浏览 4 评论 0原文

CSS3 规范仅指定：

函数符号中 HSLA 颜色值的格式为“hsla(”，后跟色调（以百分比表示）、饱和度和亮度，以及一个，后跟“)”。

那么我是否可以理解这些值不会被解释为整数而是浮点数？示例：

hsla(200.2, 90.5%, 10.2%, .2)

这将极大地扩展 HSL 覆盖的较小（相对于 RGB）颜色范围。

它似乎在 Chrome 中渲染得很好，尽管我不知道他们是否只是将其解析为 INT 值或什么。

原文

分享到QQ

分享到微博

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

发布评论

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

月寒剑心 2024-11-09 08:51:33

HSL 值在传递给系统之前会转换为十六进制 RGB 值。由设备决定将“设备色域”（可显示的颜色范围）之外的任何生成的 RGB 值修剪为可显示的值。 RGB 值以十六进制表示。这是浏览器将 HSL 值转换为 RGB 值的指定算法。标准未指定舍入行为 - 并且有多种舍入方法，因为 C 或 C++ 中似乎没有内置舍入函数。

HOW TO RETURN hsl.to.rgb(h, s, l): 
       SELECT: 
      l<=0.5: PUT l*(s+1) IN m2
      ELSE: PUT l+s-l*s IN m2
       PUT l*2-m2 IN m1
       PUT hue.to.rgb(m1, m2, h+1/3) IN r
       PUT hue.to.rgb(m1, m2, h    ) IN g
       PUT hue.to.rgb(m1, m2, h-1/3) IN b
       RETURN (r, g, b)

从提议的建议

换句话说，您应该能够代表HSLA 中的颜色范围与使用 HSLA 的小数值在 RGB 中表示的颜色范围完全相同。

HSL values are converted to hexadecimal RGB values before they are handed off to the system. It's up to the device to clip any resulting RGB value that is outside the "device gamut" - the range of colors that can be displayed - to a displayable value. RGB values are denoted in Hexadecimal. This is the specified algorithm for browsers to convert HSL values to RGB values. Rounding behavior is not specified by the standard - and there are multiple ways of doing rounding since there doesn't appear to be a built-in rounding function in either C or C++.

HOW TO RETURN hsl.to.rgb(h, s, l): 
       SELECT: 
      l<=0.5: PUT l*(s+1) IN m2
      ELSE: PUT l+s-l*s IN m2
       PUT l*2-m2 IN m1
       PUT hue.to.rgb(m1, m2, h+1/3) IN r
       PUT hue.to.rgb(m1, m2, h    ) IN g
       PUT hue.to.rgb(m1, m2, h-1/3) IN b
       RETURN (r, g, b)

From the proposed recommendation

In other words, you should be able to represent the exact same range of colors in HSLA as you can represent in RGB using fractional values for HSLA.

回复收藏 0 原文