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%