根据比例淡入十六进制颜色
如何淡出十六进制颜色？基于 0 - 100 的范围。
假设我希望一个元素在 100 时为绿色，在 0 时为白色，所有颜色都介于两者之间。
更新： HEX>RGB>HSV - 这里有有用的例程集合： http://php.amnuts.com /index.php?do=view&id=16&file=class.image.php
How do you fade in a hex colour? based on a scale of 0 - 100.
Say I want an element to be green when awarded 100, and white when 0, with all the shades in between.
Update:
HEX>RGB>HSV - Helpful collection of routines here:
http://php.amnuts.com/index.php?do=view&id=16&file=class.image.php
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您应该使用 HSV 颜色坐标，并固定色调 (H) 和值 (V)，并将饱和度 (S) 从无（灰色，0）更改为全（绿色，1）。 RGB 和 HSV 之间的转换很容易。您可以使用维基百科中的公式。
You should use the HSV colour coordinates, and let the hue (H) and value (V) be fixed, and vary the saturation (S) from none (gray, 0) to full (green, 1). It is easy to convert between RGB and HSV. You can use the formulae from Wikipedia.
嗯，因为屏幕颜色是“浅色”而不是“颜料”，所以所有颜色的缺失都是黑色，而不是白色。因此，使用 CSS RGB 颜色（而不是十六进制）从黑色变为绿色会更容易。
要对白色执行相同的操作，您需要从所有颜色开始，并在刻度上删除蓝色和红色以留下纯绿色。
rgb(255,255,255) -->; rgb(150,255,150) -->; rgb(0,255,0)
然后计算一个数字乘以你的比例（255/100 = 2.55）所以
如果我得分75。
所以在白色到绿色上我会将我的颜色设置为
Well, because screen colors are "light" and not "pigments" the absence of all color is black, not white. So it would be mush easier to go from black to green with CSS rgb colors, not hex.
To do the same for white you would need to start with all colors, and remove blue and red on a scale to leave pure green.
rgb(255,255,255) --> rgb(150,255,150) --> rgb(0,255,0)
And then just do the math for a number to multiply by your scale ( 255/100 = 2.55 ) SO
If i score 75.
So on the white to green I would set my color to
最简单的方法是在 CSS 中使用 rgb()。由于它接受原始整数，因此您可以简单地将 r 和 b 值的数字从代表绿色的 0（g 为 255）更改为代表白色的 255。
The easiest way would be to use rgb() in CSS. Since it accepts raw integers, you can simply alter the numbers for the r and b values from 0 (with g being 255) for epic green, to 255, which is white.