Herramienta de conversión en línea de color hexadecimal a color RGB
Acerca deHerramienta de conversión en línea de color hexadecimal a color RGB:
Esta herramienta de conversión de color hexadecimal en línea a color RGB te ayuda a convertir un color hexadecimal a color RGB y probar el color elegido en tiempo real.
Sistema de color hexagonal:
El sistema de color HTML se puede representar con un número hexadecimal desde #000000 (negro puro) hasta #FFFFFF (blanco puro). Por ejemplo, #123456 canal rojo es "12" (entre "00" y "FF" El canal verde es "34" y el canal azul es "56". El sistema de color Hex también admite la visualización simplificada, como #e1a y #ee11aa son equivalentes.
Sistema de color RGB:
En el sistema de color RGB, "R" significa canal rojo ("Red"), "G" significa canal verde ("Green") y "B" significa canal azul ("Blue"). Por ejemplo, rgb (16,110,190).
¿Cómo convertir color hexadecimal a color RGB?
Paso 1: Obtenga el valor del canal rojo, el valor del canal verde y el valor del canal azul del color Hex.
Paso 2: Convierte el valor del canal de color de hexadecimal a decimal.
Paso 3: Combine los tres valores de canal de color de acuerdo con la sintaxis del sistema de color RGB.
Ejemplo 1: Convierta el color hexadecimal "# 106ebe" al color RGB (el resultado es "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) |
Ejemplo 2: Convierta el color hexadecimal "# ea3" al color RGB (el resultado es "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) |
Enlace:
Wikipedia (Web Color System): https://en.wikipedia.org/wiki/Web_colors
Wikipedia (Sistema de color RGB): https://en.wikipedia.org/wiki/RGB_color_model
Conversión de color hexadecimal a color RGB en 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)