Strumento di conversione online a colori RGBA colore esadecimale

Colore esagonale #

Trasparenza (opacità) %

Colore RGBA

suStrumento di conversione online a colori RGBA colore esadecimale:

Questo strumento per la conversione dei colori RGB esadecimale colore online consente di convertire un colore esadecimale in un colore RGBA (inclusa Opacità trasparenza) e di testare il colore prescelto in tempo reale.

Sistema di colore esadecimale:

Il sistema di colori HTML può essere rappresentato da un numero esadecimale da #000000 (nero puro) a #FFFFFF (bianco puro). Ad esempio, #123456 canale rosso è "12" (tra "00" e "FF" Il canale verde è "34" e il canale blu è "56". Il sistema di colori esadecimale supporta anche la visualizzazione semplificata, come #e1a e #ee11aa sono equivalenti.

Sistema di colore RGBA:

Nel sistema di colori RGBA, "R" sta per canale rosso ("Rosso"), "G" sta per canale verde ("Verde"), "B" sta per canale blu ("Blu"), A indica trasparenza (Opacità). Ad esempio, rgba(16,110,190,0.7) .

comic hex to rgba

Come convertire il colore esadecimale in colore RGBA?

  1. Passo 1: Ottieni rispettivamente il valore del canale rosso, il valore del canale verde, il valore del canale blu e il valore di trasparenza del colore esadecimale.

  2. Passaggio 2: Converti il valore del canale del colore da esadecimale a decimale.

  3. Passaggio 3: combinare i tre valori dei canali di colore in base alla sintassi del sistema di colori RGBA.

Esempio 1: Converti il colore esadecimale "# 106ebe" (trasparenza 80%) in colore RGBA (il risultato è "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)

Esempio 1: Converti il colore esadecimale "# ea3" (trasparenza 100%) in colore RGBA (il risultato è "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)

collegamento:

Wikipedia (Web Color System): https://en.wikipedia.org/wiki/Web_colors

Wikipedia (RGBA Color System): https://en.wikipedia.org/wiki/RGBA_color_space

Conversione del colore esadecimale in RGBA in 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%