HEX لون إلى RGBA أداة تحويل لون على الإنترنت

عرافة اللون #

الشفافية (العتامة) ٪

لون RGBA

فيHEX لون إلى RGBA أداة تحويل لون على الإنترنت:

يساعدك لون التحويل من HEX هذا على اللون إلى RGBA على تحويل لون Hex إلى لون RGBA (بما في ذلك شفافية الشفافية) واختبار اللون الذي اخترته في الوقت الحقيقي.

نظام اللون العشري:

يمكن تمثيل نظام ألوان HTML برقم سداسي عشري من #000000 (أسود خالص) إلى #FFFFFF (أبيض نقي) ، على سبيل المثال ، #123456 القناة الحمراء هي "12" (بين "00" و "FF" القناة الخضراء هي "34" والقناة الزرقاء هي "56" ، كما يدعم نظام الألوان #e1a العرض المبسط ، مثل #e1a و #ee11aa .

نظام ألوان RGBA:

في نظام ألوان RGBA ، يشير الحرف "R" إلى قناة حمراء ("أحمر") ، يقف "G" للقناة الخضراء ("أخضر") ، يشير "B" إلى قناة زرقاء ("أزرق") ، rgba(16,110,190,0.7) A على الشفافية (العتامة). على سبيل المثال ، rgba(16,110,190,0.7) .

comic hex to rgba

كيف يتم تحويل Hex إلى لون RGBA؟

  1. الخطوة 1: الحصول على قيمة القناة الحمراء وقيمة القناة الخضراء وقيمة القناة الزرقاء وشفافية اللون Hex على التوالي.

  2. الخطوة 2: تحويل قيمة قناة اللون من سداسي عشري إلى عشري.

  3. الخطوة 3: دمج قيم قناة الألوان الثلاثة وفقًا لبناء جملة نظام الألوان RGBA.

مثال 1: تحويل Hex color "# 106ebe" (الشفافية 80٪) إلى اللون RGBA (النتيجة هي "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)

مثال 1: تحويل Hex color "# ea3" (الشفافية 100٪) إلى لون RGBA (النتيجة هي "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)

صلة:

ويكيبيديا (نظام ألوان الويب): https://en.wikipedia.org/wiki/Web_colors

ويكيبيديا (نظام ألوان RGBA): https://en.wikipedia.org/wiki/RGBA_color_space

عرافة اللون لتحويل RGBA اللون في بيثون:

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%