Farbkonverter
Konvertieren Sie Farben sofort zwischen HEX-, RGB- und HSL-Formaten.
Der Farbkonverter übersetzt Farbwerte sofort zwischen den gängigsten Formaten in Web- und Grafikdesign: HEX (#rrggbb), RGB (Rot, Grün, Blau), HSL (Farbton, Sättigung, Helligkeit) und HSB/HSV (Farbton, Sättigung, Helligkeit). Jedes Format hat seine Stärken — HEX ist kompakt und in CSS allgemein akzeptiert, während HSL für die Auswahl von Schattierungen intuitiver ist.
Geben Sie einen Farbwert in einem beliebigen unterstützten Format ein und das Tool berechnet und zeigt automatisch den äquivalenten Wert in allen anderen Formaten gleichzeitig an. Eine Live-Farbvorschau ermöglicht die visuelle Bestätigung des Ergebnisses.
Dieses Tool ist nützlich für Designer, die Farben zwischen Figma, Photoshop und Code übertragen, sowie für Entwickler, die die Farbkonsistenz in Stylesheets sicherstellen. Alle Konvertierungen erfolgen im Browser.
Häufig gestellte Fragen
Code-Implementierung
import colorsys
# HEX → RGB
def hex_to_rgb(hex_color: str) -> tuple[int, int, int]:
hex_color = hex_color.lstrip("#")
r, g, b = (int(hex_color[i:i+2], 16) for i in (0, 2, 4))
return r, g, b
# RGB → HEX
def rgb_to_hex(r: int, g: int, b: int) -> str:
return f"#{r:02X}{g:02X}{b:02X}"
# RGB → HSL (uses colorsys, which returns 0–1 floats)
def rgb_to_hsl(r: int, g: int, b: int) -> tuple[float, float, float]:
h, l, s = colorsys.rgb_to_hls(r / 255, g / 255, b / 255)
return round(h * 360, 1), round(s * 100, 1), round(l * 100, 1)
# Example
r, g, b = hex_to_rgb("#3B82F6")
print(f"RGB: {r}, {g}, {b}") # RGB: 59, 130, 246
print(rgb_to_hex(r, g, b)) # #3B82F6
h, s, l = rgb_to_hsl(r, g, b)
print(f"hsl({h}, {s}%, {l}%)") # hsl(217.0, 91.2%, 59.8%)Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.