RGBA 컬러 온라인 변환 도구에 대한 16 진수 색상
정보RGBA 컬러 온라인 변환 도구에 대한 16 진수 색상:
이 온라인 16 진수 - RGBA 색상 변환 도구를 사용하면 16 진수 색상을 RGBA 색상 (투명도 불투명도 포함)으로 변환하고 선택한 색상을 실시간으로 테스트 할 수 있습니다.
16 진수 색 시스템:
HTML 색상 시스템은 #000000 (순 흑색)에서 #FFFFFF (순수한 흰색)까지의 16 진수로 표현할 수 있습니다. 예를 들어 #123456 빨간색 채널이 "12"( "00"과 "FF" 녹색 채널은 "34"이고 파란색 채널은 "56"입니다 #e1a 색상 시스템은 #e1a 및 #ee11aa 와 같은 단순 표시를 지원합니다.
RGBA 컬러 시스템:
RGBA 색상 시스템에서 "R"은 적색 채널 ( "Red"), "G"는 녹색 채널 ( "Green"), "B"는 청색 채널 ( "Blue"), A는 투명도 (Opacity)를 나타냅니다 (예 : rgba(16,110,190,0.7) .
16 진수 색상을 RGBA 색상으로 변환하는 방법은 무엇입니까?
1 단계 : 빨간색 채널 값, 녹색 채널 값, 파란색 채널 값 및 16 진수 색상의 투명도 값을 각각 얻습니다.
2 단계 : 색상 채널 값을 16 진수에서 10 진수로 변환합니다.
3 단계 : RGBA 색상 시스템 구문에 따라 세 가지 색상 채널 값을 결합합니다.
예 1 : 16 진수 색상 "# 106ebe"(투명도 80 %)를 RGBA 색상으로 변환합니다 (결과는 "rgba (16,110,190,0.8)"입니다).
| Step 1: | Hex Color "#106ebe": Red(0x10), Green(0x6e), Blue(0xbe) |
| Step 2: | Red: (0x10)->(16), Green: (0x6e)->(110), Blue: (0xbe)->(190) |
| Step 3: | Hex Color "#106ebe" opacity 80% -> rgba(16,110,190,0.8) |
예 1 : 16 진수 색상 "# ea3"(투명도 100 %)을 RGBA 색상으로 변환합니다 (결과는 "rgba (238,170,51,1)").
| Step 1: | Hex Color "#ea3" -> "#eeaa33" |
| Step 2: | Hex Color "#eeaa33": Red(0xee), Green(0xaa), Blue(0x33) |
| Step 3: | Red: (0xee)->(238), Green: (0xaa)->(170), Blue: (0x33)->(51) |
| Step 4: | Hex Color "#ea3", opacity 100% -> rgba(238,170,51,1) |
링크:
Wikipedia (웹 컬러 시스템): https://en.wikipedia.org/wiki/Web_colors
Wikipedia (RGBA 컬러 시스템): https://en.wikipedia.org/wiki/RGBA_color_space
파이썬에서 16 진수에서 RGBA 로의 색상 변환:
import re
def rgba_to_hex(rgba_color):
rgb_color = re.search('\(.*\)', rgba_color).group(0).replace(' ', '').lstrip('(').rstrip(')')
[r, g, b, o] = rgb_color.split(',')
[r, g, b] = [int(x) for x in [r, g, b]]
o = float(o) * 100
o = str(o) + '%'
# 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 + ', with opacity:' + o
return hex_color
rgba_input = 'rgba(7,110,190,0.95)'
hex_output = rgba_to_hex(rgba_input)
print('Hex color result is:{0}'.format(hex_output))
-------------------
Hex color result is:#076ebe, with opacity:95.0%