RGBA цвет в Hex Color инструмент для онлайн-конвертации

Цвет RGBA

Шестнадцатеричный цвет #

Прозрачность (Непрозрачность) %

наRGBA цвет в Hex Color инструмент для онлайн-конвертации:

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

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

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

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

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

comic rgba to hex

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

  1. Шаг 1: Получить значение красного канала, значение зеленого канала, десятичное значение голубого канала и значение прозрачности цвета RGBA соответственно

  2. Шаг 2: Преобразуйте значение цветового канала из десятичного в шестнадцатеричное.

  3. Шаг 3: Объедините три значения цветовых каналов в соответствии с синтаксисом системы Hex color.

Пример 1. RGBA-цвет "rgba (16,110,190,0.66)" преобразуется в шестнадцатеричный цвет (в результате получается "# 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%

ссылка:

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

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

Преобразование цвета RGBA в Hex в Python:

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