Outil de conversion en ligne de couleur hexagonale à couleur RGBA
À propos deOutil de conversion en ligne de couleur hexagonale à couleur RGBA:
Cet outil de conversion de couleurs Hex en ligne RGBA en ligne vous permet de convertir une couleur Hex en une couleur RGBA (y compris Opacité des transparences) et de tester la couleur de votre choix en temps réel.
Système de couleur Hex:
Le système de couleur HTML peut être représenté par un nombre hexadécimal de #000000
(noir pur) à #FFFFFF
(blanc pur). Par exemple, #123456
canal rouge est "12" (entre "00" et "FF" Le canal vert correspond à "34" et le canal bleu à "56". Le système de couleur Hex prend également en charge l'affichage simplifié, tel que #e1a
et #ee11aa
sont équivalents.
Système de couleurs RGBA:
Dans le système de couleur RGBA, "R" représente le canal rouge ("Rouge"), "G" désigne le canal vert ("Vert"), "B" représente le canal bleu ("Bleu") et A la transparence (Opacité). Par exemple, rgba(16,110,190,0.7)
.
Comment convertir une couleur Hex en couleur RGBA?
Étape 1: Obtenez la valeur du canal rouge, la valeur du canal vert, la valeur du canal bleu et la valeur de transparence de la couleur Hex
Étape 2: Convertissez la valeur du canal de couleur d'hexadécimal en décimal.
Étape 3: Combinez les trois valeurs de canal de couleur conformément à la syntaxe du système de couleur RGBA.
Exemple 1: convertissez la couleur hexadécimale "# 106ebe" (transparence 80%) en couleur RGBA (le résultat est "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) |
Exemple 1: convertissez la couleur hexagonale "# ea3" (transparence 100%) en couleur RGBA (le résultat est "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) |
Lien:
Wikipedia (système de couleur Web): https://en.wikipedia.org/wiki/Web_colors
Wikipedia (système de couleurs RGBA): https://en.wikipedia.org/wiki/RGBA_color_space
Conversion de couleur Hex en RGBA en 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%