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

十六进制网页颜色

发布于 2024-08-30 07:18:47 字数 227 浏览 7 评论 0原文

您好，我在 php 中将颜色显示为十六进制值。是否可以通过从十六进制值中减去一个数字来改变颜色的深浅？我想要做的是显示生动的网络安全颜色，但如果选择的话，我想使颜色变暗或变浅。我知道我只能使用两种色调，但我可以使用数百种潜在的颜色。

需要明确的是，#66cc00 是亮绿色，#99ffcc 是非常淡的绿色。我要减去什么才能得到第二种颜色？有没有什么公式，因为我只能得到它。

感谢您的帮助

干杯

原文

分享到QQ

分享到微博

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

发布评论

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

渡你暖光 2024-09-06 07:18:47

十六进制颜色由 6 个十六进制数字组成。前两位数字代表红色，后两位数字代表绿色，最后两位数字代表蓝色。在色调中，00 表示没有颜色，FF 表示颜色的最高值。因此，#FF0000 会是亮红色，没有绿色或蓝色，而 #00CCFF 会是非常蓝和一点绿色，根本没有红色。

您给出的示例颜色实际上具有不同的红色、绿色和蓝色组成。 #66CC00 大部分是绿色，带有一些红色，而 #99FFCC 大部分是绿色，带有一些蓝色和红色。

在将颜色转换为十进制之前，您应该将颜色分解为红色、绿色和蓝色分量，对两者进行平均，然后转换回来：

#66 CC 00 -> 102 204 0

#99 FF CC -> 153 255 204

两者之间的平均值：128 230 102：#80E666

找到中间颜色后，您可以近似最接近的网络安全颜色color: #99FF66

可以找到一个十六进制和十进制之间的转换器来自己执行此操作

这是一个 PHP 脚本，它可以满足您的需要。这是一个基于上述方法的 JavaScript 脚本（相关十六进制JS 中的十进制转换）：

color1 = "#66CC00";
color2 = "#99FFCC";

r1 = parseInt(color1.substring(1,3), 16);
g1 = parseInt(color1.substring(3,5), 16);
b1 = parseInt(color1.substring(5,7), 16);
r2 = parseInt(color2.substring(1,3), 16);
g2 = parseInt(color2.substring(3,5), 16);
b2 = parseInt(color2.substring(5,7), 16);

r3 = (Math.round((r1 + r2)/2)).toString(16);
g3 = (Math.round((g1 + g2)/2)).toString(16);
b3 = (Math.round((b1 + b2)/2)).toString(16);

color3 = "#" + r3 + g3 + b3;

Hex colors are made up of 6 hexadecimal digits. The first two digits are for the red shade, the second two are for the green, and the last two are for the blue. Within the shades, 00 is the absence of color and FF is the highest value for the color. So, #FF0000 would be bright red with no green or blue, and #00CCFF would be very blue and a little green with no red at all.

The example colors you give actually have a different makeup of red, green, and blue. #66CC00 is mostly green with some red while #99FFCC is mostly green with some blue and red.

You should break your colors into their red, green, and blue components before converting them to decimal, average the two, and then convert back:

#66 CC 00 -> 102 204 0

#99 FF CC -> 153 255 204

Average between the two: 128 230 102: #80E666

After finding the in-between color, you can approximate the closest web safe color: #99FF66

A converter between hexadecimal and decimal to do this yourself can be found here.

Here is a PHP script that does what you need. Here is a JavaScript script based off of the method described above (related hex to decimal conversion in JS):

color1 = "#66CC00";
color2 = "#99FFCC";

r1 = parseInt(color1.substring(1,3), 16);
g1 = parseInt(color1.substring(3,5), 16);
b1 = parseInt(color1.substring(5,7), 16);
r2 = parseInt(color2.substring(1,3), 16);
g2 = parseInt(color2.substring(3,5), 16);
b2 = parseInt(color2.substring(5,7), 16);

r3 = (Math.round((r1 + r2)/2)).toString(16);
g3 = (Math.round((g1 + g2)/2)).toString(16);
b3 = (Math.round((b1 + b2)/2)).toString(16);

color3 = "#" + r3 + g3 + b3;

回复收藏 0 原文