Zum Inhalt springen

Online-Farbwähler

Wähle eine Farbe visuell aus und erhalte sofort ihre Werte in HEX, RGB und HSL.

Wird auf Ihrem Gerät verarbeitet. Es wird nichts an einen Server gesendet.

Pick a color to see its values.

HEX

#0B6E63

RGB

rgb(11, 110, 99)

HSL

hsl(173, 82%, 24%)

Wähle eine Farbe visuell mit dem nativen Farbwähler des Browsers aus und erhalte sofort ihren HEX-, RGB- und HSL-Wert.

Nutzt das native type="color"-Eingabefeld des Browsers und berechnet automatisch die Entsprechungen in den drei gängigsten CSS-Farbformaten.

Anwendungsfälle

  • Schnell eine Farbe auswählen und ihren CSS-Code kopieren.
  • Verschiedene Farbtöne visuell erkunden.
  • Alle drei Formate derselben Farbe gleichzeitig erhalten.

So funktioniert's

  1. 1

    Farbwähler öffnen

    Klicke auf das Farbfeld, um den nativen Farbwähler zu öffnen.

  2. 2

    Gewünschtes Format kopieren

    Kopiere den HEX-, RGB- oder HSL-Wert mit einem Klick.

Häufige Fragen

Welche Formate bietet es an?

HEX, RGB und HSL gleichzeitig, jeweils mit eigenem Kopieren-Button.

Wie unterscheidet es sich vom Zufallsfarben-Generator?

Dieser Farbwähler dient dazu, selbst eine bestimmte Farbe visuell auszuwählen; wenn du eine zufällige Farbe mit einem Klick möchtest, nutze stattdessen den Zufallsfarben-Generator.

Funktioniert es auf dem Handy?

Ja, es verwendet den nativen Farbwähler des Systems, der auf dem Handy als gewohnter iOS- oder Android-Farbwähler geöffnet wird.

Wird die gewählte Farbe an einen Server gesendet?

Nein, die gesamte Formatberechnung erfolgt in deinem Browser.

Farben & Design