RGBAカラーから16進カラーへのオンライン変換ツール
についてRGBAカラーから16進カラーへのオンライン変換ツール:
このオンラインRGBAカラーから16進カラーへの変換ツールを使用すると、RGBAカラー(透明度不透明度を含む)を16進カラーに変換し、選択したカラーをリアルタイムでテストできます。
RGBA表色系:
RGBA表色系では、 "R"は赤チャンネル( "Red")、 "G"は緑チャンネル( "Green")、 "B"は青チャンネル( "Blue")、Aは透明度( rgba(16,110,190,0.7)
)を表します. rgba(16,110,190,0.7)
16進数カラーシステム:
HTML表色系は、 #000000
(真っ黒)から#FFFFFF
(真っ白)までの16進数で表すことができますたとえば、 #123456
赤チャンネルが "12"( "00"と "FF"の間)である#123456
ます.緑色のチャンネルは "34"、青色のチャンネルは "56"です. #e1a
16進数のカラーシステムでは#e1a
と#ee11aa
が同じように簡略表示もサポートされています.
RGBAカラーを16進カラーに変換する方法
手順1:RGBAカラーの赤チャンネル値、緑チャンネル値、青チャンネル10進値、透明度値をそれぞれ取得します.
ステップ2:カラーチャンネル値を10進数から16進数に変換します.
ステップ3:16進数カラーシステムの構文に従って3つのカラーチャンネル値を組み合わせます.
例1:RGBA色 "rgba(16,110,190,0.66)"は16進数の色に変換されます(結果は "#106ebe"で、透明度の値は66%です).
Step 1: | RGBA Color "rgba(16,110,190,0.66)": Red(16), Green(110), Blue(190), Opacity(0.66) |
Step 2: | Red: (16)->(0x10), Green: (110)->(0x6e), Blue: (190)->(0xbe), Opacity: (0.66)->(66%) |
Step 3: | RGB Color "rgba(16,110,190,0.66)" -> "#106ebe" with opacity 66% |
リンク:
ウィキペディア(Webカラーシステム): https://en.wikipedia.org/wiki/Web_colors
ウィキペディア(RGBAカラーシステム): https://en.wikipedia.org/wiki/RGBA_color_space
PythonでのRGBAカラーから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