Hex warna ke alat konversi online warna RGBA
TentangHex warna ke alat konversi online warna RGBA:
Alat konversi warna Hex ke RGBA online ini membantu Anda mengubah warna Hex menjadi warna RGBA (termasuk transparansi Opacity) dan menguji warna pilihan Anda secara real time.
Sistem warna hex:
Sistem warna HTML dapat diwakili oleh angka heksadesimal dari #000000
(hitam murni) ke #FFFFFF
(putih murni). Misalnya, #123456
saluran merah adalah "12" (antara "00" dan "FF" Saluran hijau adalah "34" dan saluran biru adalah "56". Sistem warna Hex juga mendukung tampilan yang disederhanakan, seperti #e1a
dan #ee11aa
yang setara.
Sistem warna RGBA:
sistem warna RGBA "R" merupakan saluran merah ( "Red"), "G " untuk saluran hijau ( "Hijau"), "B " saluran untuk biru ( "Blue"), Perwakilan transparansi (Opacity). Misalnya rgba(16,110,190,0.7)
.
Bagaimana cara mengubah warna Hex ke warna RGBA?
Langkah 1: Dapatkan nilai saluran merah, nilai saluran hijau, nilai saluran biru dan nilai transparansi masing-masing warna Hex.
Langkah 2: Konversi nilai saluran warna dari heksadesimal menjadi desimal.
Langkah 3: Gabungkan tiga nilai saluran warna sesuai dengan sintaks sistem warna RGBA.
Contoh 1: Ubah warna Hex "# 106ebe" (transparansi 80%) menjadi warna RGBA (hasilnya adalah "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) |
Contoh 1: Ubah warna Hex "# ea3" (transparansi 100%) menjadi warna RGBA (hasilnya adalah "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) |
Tautan:
Wikipedia (Sistem Warna Web): https://en.wikipedia.org/wiki/Web_colors
Wikipedia (Sistem Warna RGBA): https://en.wikipedia.org/wiki/RGBA_color_space
Hex warna ke konversi warna RGBA di 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%