RGB颜色到Hex颜色在线转换工具

RGB颜色

Hex颜色#

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

这个在线RGB颜色到Hex颜色转换工具可帮助您将一个RGB颜色转换为Hex颜色, 并实时测试您选择的颜色.

RGB颜色系统:

RGB颜色系统中 "R" 代表红色通道("Red"), "G" 代表绿色通道 ("Green"), "B" 代表蓝色通道("Blue").例如rgb(16,110,190).

Hex颜色系统:

HTML的颜色系统可以用16进制的数字表示,从 #000000 (纯黑色) to #FFFFFF (纯白色).例如,#123456代表红色通道是 "12" (在"00" 到 "FF" 之间). 绿色通道是 "34", 蓝色通道是 "56". Hex颜色系统也支持简化显示,例如 #e1a#ee11aa 是等价的.

comic rgb to hex

如何进行RGB颜色到Hex颜色转换?

  1. 步骤1: 分别获得RGB颜色的红色通道值,绿色通道值,蓝色通道10进制值.

  2. 步骤2: 把颜色通道值从10进制转换为16进制.

  3. 步骤3: 按Hex颜色系统语法把3种颜色通道值组合起来.

例1: RGB颜色 "rgb(16,110,190)" 转换为Hex颜色 (结果是 "#106ebe"):

Step 1: RGB Color "rgb(16,110,190)": Red(16), Green(110), Blue(190)
Step 2: Red: (16)->(0x10), Green: (110)->(0x6e), Blue: (190)->(0xbe)
Step 3: RGB Color "rgb(16,110,190)" -> "#106ebe"

链接:

维基百科 (Web颜色系统): https://en.wikipedia.org/wiki/Web_colors

维基百科 (RGB颜色系统): https://en.wikipedia.org/wiki/RGB_color_model

用Python进行RGB颜色到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