浏览器如何处理rgb(百分比);对于奇怪的数字

Question

这与 CSS 颜色代码有关：

对于十六进制代码，我们可以表示从 #000000 到 #FFFFFF 的 16,777,216 种颜色

。根据 W3C 规范，有效 RGB 百分比的范围为（0.0% 到 100.0%），本质上为您提供 1,003,003,001 种颜色组合。 (1001^3)

根据规格：

当色域为设备色域之外的值时，应将其剪裁或映射到色域中 已知：必须将红色、绿色和蓝色值更改为落在支持的范围内 设备。用户代理可以执行从一个色域到一个色域的更高质量的颜色映射 其他。对于典型的 CRT 显示器，其设备色域与 sRGB 相同，这四个规则 以下是等效的：

我怀疑浏览器是否真的可以呈现所有这些值。 （但如果他们这样做，请告诉我并忽略这篇文章的其余部分）

我假设有一些从 rgb（百分比）到十六进制的映射。 （但我再次不太确定这是如何工作的）

理想情况下，我想找出函数 rgb（百分比）->HEX

如果我不得不猜测它可能是其中之一。

1）四舍五入到最近的十六进制

2) CEIL 到最近的十六进制

3) FLOOR 到最近的十六进制

问题是我需要准确的映射，但我不知道在哪里搜索。 我的眼睛无法区分该级别的颜色，但也许有一些聪明的方法来测试这 3 个颜色中的每一个。

它也可能依赖于浏览器。这个可以测试吗？

编辑：

Firefox seems to round from empirical testing.

编辑：

我现在正在查看 Firefox 的源代码，

nsColor.h
// A color is a 32 bit unsigned integer with four components: R, G, B
// and A.
typedef PRUint32 nscolor;

看来 Fiefox 只能为每个 R、G 和 B 提供 255 个值的空间。暗示舍入可能是答案，但也许阿尔法通道正在做一些事情。

Answer 1

我想我无论如何都找到了 Firefox 的解决方案，我想你可能会喜欢后续：

查看源代码我发现了一个文件：

nsCSSParser.cpp

对于每个 rgb 百分比，它执行以下操作：

1. 它需要百分比分量乘以 255.0f
2. 将其存储在浮点数中
3. 将其传递给函数 NSToIntRound
4. NSToIntRound 的结果存储在 8 位整数数据类型中，
   在与其他 2 个组件和 alpha 组合之前
   频道

寻找有关 NSToIntRound 的更多详细信息：

nsCoord.h
inline PRInt32 NSToIntRound(float aValue)
{
  return NS_lroundf(aValue);
}

NSToIntRound 是 NS_lroundf 的包装函数

nsMathUtils.h
inline NS_HIDDEN_(PRInt32) NS_lroundf(float x)
{
    return x >= 0.0f ? PRInt32(x + 0.5f) : PRInt32(x - 0.5f);
}

这个函数实际上非常聪明，花了我一段时间来破译（我真的没有很好的 C++ 背景）。

假设 x 为正数

x 加上 0.5f，然后转换为整数

如果 x 的小数部分小于 0.5，则加 0.5 不会改变整数，并且小数部分会被截断，

否则整数值会增加 1并且小数部分被截断。

1. 因此，每个组件的百分比首先乘以 255.0f
2. 然后四舍五入并转换为 32 位整数
3. ，然后再次转换为 8 位整数

我同意你们大多数人的说法，这似乎是一个与浏览器相关的问题，所以我将做进一步的工作对其他浏览器的研究。

非常感谢！

Answer 2

根据 W3C 规范，有效 RGB 百分比的范围为（0.0% 到 100.0%），本质上为您提供 1,003,003,001 种颜色组合。 (1001^3)

不，不止于此，因为精度不限于一位小数。例如，这是有效的语法：

rgb(23.456% 78.90123456% 0%)

这样做的原因是，虽然每个组件 8 位很常见（因此是十六进制代码），但较新的硬件支持每个组件 10 或 12 位；更宽的色域色彩空间需要更多的位来避免条带。

这种位深度不可知论也是较新的 CSS 颜色规范使用 0 到 1 浮点范围的原因。

尽管如此，CSS 对象模型仍然要求颜色值以每个组件 8 位进行序列化。这种情况将会改变，但 CSS 工作组仍在讨论更高精度的替代方案。因此，目前浏览器不允许您获得每个精度分量超过 8 位。

如果要将浮点或百分比形式转换为十六进制（或 0 - 255 整数），正确的方法是舍入。下限或上限不会在范围的顶部或底部均匀地指定值。