ToolStack

Farbkonverter

Konvertieren Sie zwischen den Formaten HEX, RGB, HSL, HSV und HWB in jede Richtung.

100 % privat — alles läuft in Ihrem Browser

Werbung

So funktioniert's

  1. 1

    Geben Sie eine Farbe in einem gängigen Format ein oder fügen Sie sie ein — #3B82F6, rgb(59, 130, 246) oder hsl(217, 91%, 60%).

  2. 2

    Alle fünf Darstellungen — HEX, RGB, HSL, HSV und HWB — erscheinen sofort.

  3. 3

    Kopieren Sie jeden beliebigen Wert mit einem Klick.

Beispiele

Aus HEX

Eingabe

#3B82F6

Ausgabe

rgb(59, 130, 246) · hsl(217, 91%, 60%) · hsv(217, 76%, 96%) · hwb(217 23% 4%)

Aus RGB

Eingabe

rgb(255, 99, 71)

Ausgabe

#FF6347 · hsl(9, 100%, 64%) · hsv(9, 72%, 100%) · hwb(9 28% 0%)

Häufige Fragen

Welche Eingabeformate werden unterstützt?

HEX-Codes mit oder ohne # (auch 3- und 8-stellige Formen), rgb()- / rgba()- und hsl()- / hsla()-Funktionen.

Was ist der Unterschied zwischen HSL und HSV?

Beide basieren auf dem Farbton, aber HSL misst die Helligkeit (lightness) und HSV den Wert (value). Design-Tools nutzen oft HSV, weil Sättigung und Helligkeit dort unabhängig einstellbar sind.

Wird etwas an einen Server gesendet?

Nein — alle Umrechnungen erfolgen lokal in Ihrem Browser.

Ähnliche Tools

HEX zu RGBRechnen Sie HEX-Farbcodes sofort in RGB-Werte um — kostenlos und privat.RGB zu HEXRechnen Sie RGB-Werte sofort in einen HEX-Farbcode um — kostenlos und privat.Kontrast-PrüferPrüfen Sie das WCAG-Kontrastverhältnis zwischen Text- und Hintergrundfarbe sofort.FarbwählerWählen Sie eine Farbe und kopieren Sie ihre HEX-, RGB-, HSL- und HSV-Werte mit einem Klick.VerlaufsgeneratorErstellen Sie CSS-Verläufe (linear und radial) visuell und kopieren Sie den CSS-Code.CSS-FarbgeneratorWandeln Sie eine Basisfarbe in eine 10-stufige Farbpalette um und exportieren Sie sie als CSS-Variablen.