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

RGBカラー

16進数

についてRGBカラーから16進カラーへのオンライン変換ツール:

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

RGB表色系:

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

16進数カラーシステム:

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

comic rgb to hex

RGBカラーを16進カラーに変換する方法

  1. 手順1:RGBカラーの赤チャンネル値、緑チャンネル値、青チャンネル10進値を取得します.

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

  3. ステップ3:16進数カラーシステムの構文に従って3つのカラーチャンネル値を組み合わせます.

例1:RGBカラー "rgb(16,110,190)"は16進カラーに変換されます(結果は "#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

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

PythonでのRGBカラーから16進カラーへの変換:

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