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.
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
Farbwähler öffnen
Klicken Sie auf das Farbfeld, um den nativen Farbwähler zu öffnen.
- 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.
Ähnliche Tools
- Zufallsfarben-GeneratorErzeugt eine zufällige HEX-Farbe.
- Border-Radius-GeneratorErstellt CSS-border-radius mit Vorschau.
- Box-Shadow-GeneratorErstellt CSS-Schatten mit Live-Vorschau.
- CSS-Verlauf-GeneratorErstellt CSS-Verläufe mit Vorschau.
- WCAG-Kontrast-CheckerPrüft den WCAG-Kontrast zwischen zwei Farben.