Hex RGB HSL Farbkonverter

Geben oder fügen Sie einen HEX-Wert (wie #3b82f6 oder #fff) in das HEX-Feld ein oder verwenden Sie die Farbauswahl. Der RGB-Wert erscheint sofort als rgb(r, g, b) und Sie können ihn mit einem Klick kopieren. Die Konvertierung funktioniert auch umgekehrt: Geben Sie einen rgb()-Wert ein und die HEX-Updates werden live durchgeführt.

Ja. Jedes Feld: HEX, RGB, HSL, HSV/HSB und CMYK bleibt synchron. Wenn Sie eine davon bearbeiten, werden die anderen sofort neu berechnet, sodass Sie alle fünf Notationen für dieselbe Farbe lesen können, ohne separate Tools ausführen zu müssen.

Beide beschreiben eine Farbe anhand des Farbtons, HSL (Helligkeit) und HSV/HSB (Wert/Helligkeit) modellieren die Sättigung jedoch unterschiedlich. HSL setzt reine Farben auf 50 % Helligkeit, während HSV sie auf 100 % setzt, sodass der gleiche Prozentsatz zwischen den beiden heller oder dunkler aussehen kann. Dieses Tool zeigt beides an, sodass Sie das auswählen können, was Ihr Framework erwartet.

Geben Sie Ihre Farbe in einem beliebigen Format ein und lesen Sie das CMYK-Feld, zum Beispiel wird #3b82f6 zu cmyk (76 %, 47 %, 0 %, 4 %). CMYK ist das subtraktive Modell, das von Druckern verwendet wird. Daher ist es praktisch, wenn eine Bahnfarbe in einer Broschüre oder Verpackung angepasst werden muss.

Ja, bei unterstützten Browsern (Chrome, Edge und andere mit der EyeDropper-API) öffnet die Schaltfläche „Auswählen“ eine Bildschirmpipette, sodass Sie jedes Pixel, eine Farbe aus einem Bild, einer Website oder Ihrem Desktop abtasten und direkt in den Konverter laden können.

Ja. Interaktive R-, G-, B-, H-, S-, L- und Alpha-Schieberegler zeigen jeweils eine Live-Verlaufsspur an, sodass Sie einen Farbton durch Ziehen oder Eingeben eines genauen Werts verfeinern können. Der Alpha-Schieberegler erzeugt eine 8-stellige HEX- und rgba()/hsla()-Ausgabe für Transparenz.

Ja. Die Farbenblindheitsvorschau simuliert, wie Ihre Farbe bei Protanopie, Deuteranopie, Tritanopie und vollständiger Achromatopsie erscheint, sodass Sie überprüfen können, ob eine Palette bei etwa 1 von 12 Männern und 1 von 200 Frauen mit einer Farbsehschwäche noch kommuniziert.

Ja. Das Exportfenster bietet kopierfertige Snippets für CSS-Variablen, rgb(), SCSS, einen Tailwind-Konfigurationseintrag, Swift UIColor, Android Color.parseColor und JSON sowie aktuelle und gespeicherte Farbfelder, die lokal in Ihrem Browser gespeichert sind.

Ja. Es ist völlig kostenlos und erfordert keine Anmeldung. Die gesamte Konvertierung erfolgt lokal in Ihrem Browser. Ihre Farben werden niemals auf einen Server hochgeladen, sodass die Arbeit mit der Marke und dem Kunden privat bleibt.

Ja. Es konvertiert zwischen HEX, RGB(A), HSL und dem modernen OKLCH, sodass Sie genau das Format kopieren können, das Ihr CSS oder Design-Tool benötigt.

Ja. Wenn Sie einen Alpha-Wert hinzufügen, werden RGBA und 8-stellige Hexadezimalwerte erzeugt, sodass die Deckkraft erhalten bleibt, wenn Sie die Farbe in Ihre Stile kopieren.