Инструмент для преобразования цвета из шестнадцатеричного цвета в RGBA

Цвет RGBA

наИнструмент для преобразования цвета из шестнадцатеричного цвета в RGBA:

Этот онлайн-инструмент для преобразования цвета шестнадцатеричного цвета в RGBA поможет вам преобразовать шестнадцатеричный цвет в цвет RGBA (включая прозрачность и прозрачность) и протестировать выбранный цвет в режиме реального времени.

Система шестнадцатеричного цвета:

Цветовая система HTML может быть представлена шестнадцатеричным числом от #000000 (чисто черный) до #FFFFFF (чисто белый). Например, #123456 красный канал имеет значение «12» (между «00» и «FF») Зеленый канал - «34», а синий - «56». Система Hex color также поддерживает упрощенное отображение, такое как #e1a и #ee11aa .

Цветовая система RGBA:

В системе цветов RGBA «R» обозначает красный канал («Red»), «G» обозначает зеленый канал («Green»), «B» обозначает синий канал («Blue»), а «A» обозначает прозрачность (непрозрачность). Например, rgba(16,110,190,0.7) .

Как преобразовать цвет Hex в цвет RGBA?

Шаг 1: Получить значение красного канала, значение зеленого канала, значение синего канала и значение прозрачности шестнадцатеричного цвета соответственно.
Шаг 2: Преобразуйте значение цветового канала из шестнадцатеричного в десятичное.
Шаг 3: Объедините три значения цветовых каналов в соответствии с синтаксисом цветовой системы RGBA.

Пример 1: преобразование шестнадцатеричного цвета "# 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. Преобразование шестнадцатеричного цвета "# 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)

ссылка:

Википедия (веб-система цветов): https://en.wikipedia.org/wiki/Web_colors

Википедия (RGBA Color System): https://en.wikipedia.org/wiki/RGBA_color_space

Преобразование шестнадцатеричного цвета в RGBA в Python:

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%