Farbumrechner
Füge eine Farbe in einem gängigen Format ein und sieh dir HEX-, RGB-, HSL- und HSV-Werte an – plus hellere und dunklere Abstufungen für deine Palette.
Kostenlos Läuft lokal Ohne Anmeldung
HEX
#7f52ffRGB
rgb(127, 82, 255)HSL
hsl(256, 100%, 66%)HSV
hsv(256, 68%, 100%)Abstufungen
Farben werden lokal in deinem Browser umgewandelt.
So funktioniert es
1
Farbe eingeben
Nutze den Picker oder füge einen HEX-, RGB- oder HSL-Wert ein.
2
Alle Formate lesen
Das Tool zeigt HEX, RGB, HSL und HSV nebeneinander.
3
Wert kopieren
Kopiere das Format, das dein CSS oder Design-Tool erwartet.
Warum dieses Werkzeug
Vier Farbmodelle
HEX, RGB, HSL und HSV bleiben synchron.
Abstufungen
Sieh dir hellere und dunklere Varianten für eine schnelle Palette an.
Lokal und sofort
Kein Upload, kein Konto, keine externe Bibliothek.
Häufige Fragen
Was ist der Unterschied zwischen HSL und HSV?
HSL nutzt die Helligkeit (Lightness), HSV den Wert (Value). HSL ist in CSS üblich, HSV in Design-Pickern.
Unterstützt es Alpha?
Der Umrechner konzentriert sich auf Volltonfarben. Alpha-Werte in rgba- oder hsla-Eingaben werden ignoriert.
Kann ich CSS-Farben einfügen?
Ja. Hex-Werte sowie rgb()- und hsl()-Strings werden alle akzeptiert.
Warum weichen die Zahlen leicht ab?
Die Anzeige wird gerundet, die Berechnung dahinter nutzt volle Genauigkeit.
Gibt es einen Kontrast-Checker?
Ja. Der Kontrast-Checker nutzt dieselbe Farb-Engine, um WCAG-Verhältnisse zu prüfen.
Ähnliche Werkzeuge
Farbe & Design CSS-Gradient-Generator Erstelle lineare, radiale und konische CSS-Gradients mit anpassbaren Farbstopps und kopiere den CSS- oder Tailwind-Wert. Kostenlos und lokal. Farbe & Design Kontrast-Checker Prüfe das Kontrastverhältnis zwischen Text- und Hintergrundfarbe und sieh sofort, ob WCAG AA und AAA für normalen und großen Text erfüllt sind. Bildwerkzeuge Bildformat konvertieren Konvertiere PNG-, JPG- und WebP-Bilder im Browser. Wähle Ausgabeformat und Qualität, behalte Transparenz wo möglich und lade sofort herunter. Alltagswerkzeuge QR-Code-Generator Erstelle QR-Codes für Links, Texte und Nachrichten und lade sie als PNG oder SVG. Größe, Farben und Fehlerkorrektur anpassen – alles läuft lokal. Entwicklerwerkzeuge Base64 Encoder & Decoder Text in Base64 kodieren oder Base64 zurück in Text dekodieren – mit vollem UTF-8- und URL-safe-Support. Läuft lokal im Browser, ohne Upload. Textwerkzeuge Text in Groß- und Kleinschreibung umwandeln Wandle Text blitzschnell zwischen GROSSBUCHSTABEN, Kleinbuchstaben, Title Case, Satzschreibweise, camelCase, PascalCase, snake_case und kebab-case um.
Zuletzt aktualisiert: