Outil de conversion en ligne de couleur hexagonale à couleur RGBA

Couleur Hex #

Transparence (Opacité) %

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) .

comic hex to rgba

Comment convertir une couleur Hex en couleur RGBA?

  1. É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

  2. Étape 2: Convertissez la valeur du canal de couleur d'hexadécimal en décimal.

  3. É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%