Hex цвет в RGB цвет онлайн-инструмент преобразования
наHex цвет в RGB цвет онлайн-инструмент преобразования:
Этот онлайн-инструмент для преобразования шестнадцатеричного цвета в цвет RGB поможет вам преобразовать шестнадцатеричный цвет в цвет RGB и проверить выбранный цвет в режиме реального времени.
Система шестнадцатеричного цвета:
Цветовая система HTML может быть представлена шестнадцатеричным числом от #000000 (чисто черный) до #FFFFFF (чисто белый). Например, #123456 красный канал имеет значение «12» (между «00» и «FF») Зеленый канал - «34», а синий - «56». Система Hex color также поддерживает упрощенное отображение, такое как #e1a и #ee11aa .
Цветовая система RGB:
В цветовой системе RGB «R» обозначает красный канал («Red»), «G» обозначает зеленый канал («Green»), а «B» обозначает синий канал («Blue»). Например, rgb (16 110 190).
Как преобразовать шестнадцатеричный цвет в цвет RGB?
Шаг 1: Получить значение красного канала, значение зеленого канала и значение синего канала цвета Hex.
Шаг 2: Преобразуйте значение цветового канала из шестнадцатеричного в десятичное.
Шаг 3: Объедините три значения цветовых каналов в соответствии с синтаксисом цветовой системы RGB.
Пример 1. Преобразование шестнадцатеричного цвета "# 106ebe" в цвет RGB (в результате получается "rgb (16,110,190)"):
| 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" -> rgb(16,110,190) |
Пример 2. Преобразование шестнадцатеричного цвета "# ea3" в цвет RGB (результат - "rgb (238,170,51)"):
| 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" -> rgb(238,170,51) |
ссылка:
Википедия (веб-система цветов): https://en.wikipedia.org/wiki/Web_colors
Википедия (RGB Color System): https://en.wikipedia.org/wiki/RGB_color_model
Преобразование шестнадцатеричного цвета в RGB в Python:
def hex_to_rgb(hex_color):
hex_color = hex_color.replace(" ", "").replace("#", "")
# 3-digits hex color
if len(hex_color) == 3:
r = hex_color[0] * 2
g = hex_color[1] * 2
b = hex_color[2] * 2
# 6-digits hex color
elif len(hex_color) == 6:
r = hex_color[0:2]
g = hex_color[2:4]
b = hex_color[4:6]
else:
return "length error"
# convert hex to decimal
r = int(r, 16)
g = int(g, 16)
b = int(b, 16)
# check if in range 0~255
assert 0 <= r <= 255
assert 0 <= g <= 255
assert 0 <= b <= 255
# write rgb in correct syntax
rgb_color = "rgb({0},{1},{2})".format(r, g, b)
return rgb_color
hex_input = '#106ebe'
RGB_output = hex_to_rgb(hex_input)
print('RGB result is:{0}'.format(RGB_output))
-------------------
RGB result is:rgb(16,110,190)