Online-Konvertierungstool für Hex-Farbe in RGB-Farbe
ÜberOnline-Konvertierungstool für Hex-Farbe in RGB-Farbe:
Mit diesem Online-Werkzeug zur Umwandlung der Farbe in RGB-Farbe in RGB können Sie eine Hex-Farbe in eine RGB-Farbe 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.
RGB-Farbsystem:
Im RGB-Farbsystem steht "R" für Rotkanal ("Rot"), "G" für Grünkanal ("Grün") und "B" für Blaukanal ("Blau"). Beispiel: rgb (16, 110, 190)
Wie konvertiere ich Hex-Farbe in RGB-Farbe?
Schritt 1: Ermitteln Sie den roten Kanalwert, den grünen Kanalwert und den blauen Kanalwert der Hex-Farbe.
Schritt 2: Konvertieren Sie den Farbkanalwert von Hexadezimal nach Dezimal.
Schritt 3: Kombinieren Sie die drei Farbkanalwerte gemäß der RGB-Farbsystemsyntax.
Beispiel 1: Konvertieren Sie Hex-Farbe "# 106ebe" in RGB-Farbe (Ergebnis ist "rgb (16,110,190)")
| 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" -> rgb(16,110,190) |
Beispiel 2: Konvertieren Sie die Hex-Farbe "# ea3" in die RGB-Farbe (Ergebnis ist "rgb (238,170,51)"):
| 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" -> rgb(238,170,51) |
Link:
Wikipedia (Web Color System): https://en.wikipedia.org/wiki/Web_colors
Wikipedia (RGB-Farbsystem): https://en.wikipedia.org/wiki/RGB_color_model
Hex-Farbe in RGB-Farbkonvertierung in Python:
def hex_to_rgb(hex_color):
hex_color = hex_color.replace(" ", "").replace("#", "")
# 3-digits hex color
if len(hex_color) == 3:
r = hex_color[0] * 2
g = hex_color[1] * 2
b = hex_color[2] * 2
# 6-digits hex color
elif len(hex_color) == 6:
r = hex_color[0:2]
g = hex_color[2:4]
b = hex_color[4:6]
else:
return "length error"
# convert hex to decimal
r = int(r, 16)
g = int(g, 16)
b = int(b, 16)
# check if in range 0~255
assert 0 <= r <= 255
assert 0 <= g <= 255
assert 0 <= b <= 255
# write rgb in correct syntax
rgb_color = "rgb({0},{1},{2})".format(r, g, b)
return rgb_color
hex_input = '#106ebe'
RGB_output = hex_to_rgb(hex_input)
print('RGB result is:{0}'.format(RGB_output))
-------------------
RGB result is:rgb(16,110,190)