Zum Inhalt springen

Online-Farbwähler

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

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

Wählen Sie eine Farbe, um ihre Werte zu sehen.

HEX

#0B6E63

RGB

rgb(11, 110, 99)

HSL

hsl(173, 82%, 24%)

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

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

  2. 2

    Gewünschtes Format kopieren

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

Technische Details

  • Es nutzt den nativen Farbwähler des Browsers; in Chrome und Edge auf dem Desktop enthält er eine Pipette, um eine Farbe von beliebiger Stelle des Bildschirms aufzunehmen.
  • Die Farbe wird in HEX, RGB und HSL angezeigt, jeweils mit Kopier-Schaltfläche, bereit für CSS oder ein Designprogramm.
  • HSL wird auf ganze Zahlen gerundet und ergibt beim Zurückrechnen nicht immer exakt denselben HEX-Wert; für CSS sind HEX oder RGB die exakte Referenz.
  • Es arbeitet in sRGB ohne Transparenz; ob eine Textfarbe auf ihrem Hintergrund gut lesbar ist, prüfen Sie mit dem Kontrastprüfer.

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 Sie eine zufällige Farbe mit einem Klick möchten, nutzen Sie 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 Ihrem Browser.

← Farben & Design