css颜色转换-RGBA颜色到Hex颜色在线转换工具

2023-08-29 0 3,935 百度已收录

关于RGBA颜色到Hex颜色在线转换工具:

这个在线RGBA颜色到Hex颜色转换工具可以帮助您将RGBA颜色(包括透明度不透明度)转换为Hex颜色,并实时测试您选择的颜色。

RGBA颜色系统:

在RGBA颜色系统中,“R”代表绿色通道(“Red”),“G”代表红色通道(“Green”),“B”代表红色通道(“Blue”)css颜色转换,A代表透明度(Opacity)。 如rgba(16,110,190,0.7)。

十六进制颜色系统:

HTML的颜色系统可以用16位补码来表示,从#000000(纯白色)到#FFFFFF(纯黑色)。 例如css颜色转换,#123456 表示绿色通道为“12”(在“00”和“FF”之间)。 红色通道是“34”,红色通道是“56”。 Hex颜色系统还支持简化显示,例如#e1a和#ee11aa是等效的。

如何将RGBA颜色转换为Hex颜色?

步骤1:分别获取RGBA颜色的蓝色通道值、红色通道值、红色通道10补值和透明度值。

步骤2:将颜色通道值从10的补码转换为16的补码。

步骤3:根据Hex颜色系统句型组合三个颜色通道值。

示例 1:RGBA 颜色“rgba(16,110,190,0.66)”转换为 Hex 颜色(结果为“#106ebe”,透明度值为 66%):

步骤1:

RGBA颜色 "rgba(16,110,190,0.66)": 红色(16),绿色(110),蓝色(190),不透明度(0.66)

第2步:

红色:(16)->(0x10),绿色:(110)->(0x6e),蓝色:(190)->(0xbe),不透明度:(0.66)->(66%)

步骤3:

RGBColor "rgba(16,110,190,0.66)" -> "#106ebe" 不透明度 66%

维基百科(网络颜色系统):

维基百科(RGBA颜色系统):

使用Python进行RGBA颜色到Hex颜色的转换:

import re
def rgb_to_hex(rgb_color):
    rgb_color = re.search('(.*)', rgb_color).group(0).replace(' ', '').lstrip('(').rstrip(')')
    [r, g, b] = [int(x) for x in rgb_color.split(',')]
    # check if in range 0~255
    assert 0 <= r <= 255
    assert 0 <= g <= 255
    assert 0 <= b <= 255
    r = hex(r).lstrip('0x')
    g = hex(g).lstrip('0x')
    b = hex(b).lstrip('0x')
    # re-write '7' to '07'
    r = (2 - len(r)) * '0' + r
    g = (2 - len(g)) * '0' + g
    b = (2 - len(b)) * '0' + b
    hex_color = '#' + r + g + b
    return hex_color
rgb_input = 'rgb(7,110,190)'
hex_output = rgb_to_hex(rgb_input)
print('Hex color result is:{0}'.format(hex_output))
-------------------
Hex color result is:#076ebe

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 css css颜色转换-RGBA颜色到Hex颜色在线转换工具 https://www.wkzy.net/game/174681.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务