Hex-Farbe in RGBA-Online-Konvertierungstool
ÜberHex-Farbe in RGBA-Online-Konvertierungstool:
Mit diesem Online-Werkzeug zur Konvertierung von Hex-Farben in RGBA-Farben können Sie eine Hex-Farbe in eine RGBA-Farbe (einschließlich Transparenz-Deckkraft) konvertieren und die von Ihnen gewählte Farbe in Echtzeit testen.
Hex-Farbsystem:
Das HTML-Farbsystem kann durch eine Hexadezimalzahl von #000000 (reines Schwarz) bis #FFFFFF (reines Weiß) dargestellt werden. #123456 beispielsweise, #123456 rote Kanal "12" ist (zwischen "00" und "FF") Der grüne Kanal ist "34" und der blaue Kanal ist "56". Das Hex-Farbsystem unterstützt auch eine vereinfachte Anzeige, z. B. #e1a und #ee11aa sind gleichwertig.
RGBA-Farbsystem:
Im RGBA-Farbsystem steht "R" für Rotkanal ("Rot"), "G" für Grünkanal ("Grün"), "B" für rgba(16,110,190,0.7) ("Blau") und A für Transparenz (Opacity). Beispiel: rgba(16,110,190,0.7) .
Wie konvertiere ich Hex-Farbe in RGBA-Farbe?
Schritt 1: Ermitteln Sie den roten Kanalwert, den grünen Kanalwert, den blauen Kanalwert und den Transparenzwert der Farbe Hex.
Schritt 2: Konvertieren Sie den Farbkanalwert von Hexadezimal nach Dezimal.
Schritt 3: Kombinieren Sie die drei Farbkanalwerte gemäß der RGBA-Farbsystemsyntax.
Beispiel 1: Konvertieren Sie die Hex-Farbe "# 106ebe" (Transparenz 80%) in die RGBA-Farbe (Ergebnis ist "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) |
Beispiel 1: Konvertieren Sie Hex-Farbe "# ea3" (Transparenz 100%) in RGBA-Farbe (Ergebnis ist "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) |
Link:
Wikipedia (Web Color System): https://en.wikipedia.org/wiki/Web_colors
Wikipedia (RGBA-Farbsystem): https://en.wikipedia.org/wiki/RGBA_color_space
Hex-Farbe in RGBA-Farbkonvertierung 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%