16進カラーからRGBカラーへのオンライン変換ツール

このオンラインHexカラーからRGBカラーへの変換ツールを使用すると、HexカラーをRGBカラーに変換し、選択したカラーをリアルタイムでテストできます。

HTML表色系は、 #000000 (真っ黒)から#FFFFFF (真っ白)までの16進数で表すことができますたとえば、 #123456赤チャンネルが "12"( "00"と "FF"の間)である#123456ます.緑色のチャンネルは "34"、青色のチャンネルは "56"です. #e1a 16進数のカラーシステムでは#e1aと#ee11aaが同じように簡略表示もサポートされています.

RGB表色系では、 "R"は赤チャンネル( "Red")、 "G"は緑チャンネル( "Green")、 "B"は青チャンネル( "Blue")を表します.

1. Step 1：Hexカラーの赤チャンネル値、緑チャンネル値、青チャンネル値を取得します.

2. ステップ2：カラーチャンネル値を16進数から10進数に変換します.

3. ステップ3：RGB表色系の構文に従って3つのカラーチャンネル値を組み合わせます.

例1：16進カラー "＃106ebe"をRGBカラーに変換します(結果は "rgb(16,110,190)"です).

例2：16進カラー "＃ea3"をRGBカラーに変換します(結果は "rgb(238,170,51)"です).

ウィキペディア(Webカラーシステム): https://en.wikipedia.org/wiki/Web_colors

Wikipedia(RGBカラーシステム): https://en.wikipedia.org/wiki/RGB_color_model

def hex_to_rgb(hex_color):
    hex_color = hex_color.replace(" ", "").replace("#", "")
    # 3-digits hex color
    if len(hex_color) == 3:
        r = hex_color[0] * 2
        g = hex_color[1] * 2
        b = hex_color[2] * 2
    # 6-digits hex color
    elif len(hex_color) == 6:
        r = hex_color[0:2]
        g = hex_color[2:4]
        b = hex_color[4:6]
    else:
        return "length error"
    # convert hex to decimal
    r = int(r, 16)
    g = int(g, 16)
    b = int(b, 16)
    # check if in range 0~255
    assert 0 <= r <= 255
    assert 0 <= g <= 255
    assert 0 <= b <= 255
    # write rgb in correct syntax
    rgb_color = "rgb({0},{1},{2})".format(r, g, b)
    return rgb_color


hex_input = '#106ebe'
RGB_output = hex_to_rgb(hex_input)
print('RGB result is:{0}'.format(RGB_output))

-------------------
RGB result is:rgb(16,110,190)