ToolHub
Tool öffnen

Farbwähler

Professionelles Farbauswahltool mit Unterstützung mehrerer Formate

Entwicklertools

Über dieses Tool

Der Farbwähler ist ein browserbasiertes Tool zur Auswahl und Konvertierung von Farben zwischen verschiedenen Formaten. Sie können aus voreingestellten Farbfeldern wählen, Farbton und Transparenz über Schieberegler anpassen oder HEX- und RGB-Werte direkt eingeben. Das Tool zeigt sofort die Formate HEX, RGB, HSL und HSV der Farbe an, jeweils mit Ein-Klick-Kopierfunktion. Die gesamte Verarbeitung erfolgt lokal im Browser, ohne dass Daten an einen Server gesendet werden.

Hauptfunktionen

How to Use

  1. Select a color from the preset swatches or use the color picker.
  2. Adjust hue and opacity with the slider controls.
  3. View the color values in HEX, RGB, HSL, and HSV formats.
  4. Copy any color format value to your clipboard with one click.

Schnellvorschau

Anwendungsfälle

Farbe Wähler hex rgb

Häufig gestellte Fragen

Welche Farbformate unterstützt dieses Tool?

Das Tool zeigt Farben in vier Formaten an: HEX (z. B. #ff6b6b), RGB/RGBA (z. B. rgb(255, 107, 107)), HSL/HSLA (z. B. hsl(0, 100%, 71%)) und HSV (z. B. hsv(0, 58%, 100%)). Wenn die Transparenz unter 100 % liegt, wird automatisch das RGBA- und HSLA-Format verwendet.

Wie passe ich die Transparenz einer Farbe an?

Verwenden Sie den Transparenz-Schieberegler unter dem Farbton-Schieberegler. Ziehen Sie nach links, um die Transparenz zu verringern, und nach rechts, um sie zu erhöhen. Die Farbvorschau und alle Formatwerte werden in Echtzeit aktualisiert. Bei Transparenz unter 100 % enthält die HEX-Ausgabe den Alphakanal und die RGB/HSL-Ausgabe wechselt automatisch zum rgba/hsla-Format.

Was ist der Unterschied zwischen HSL und HSV?

Beide sind zylindrische Farbmodelle, definieren jedoch Helligkeit unterschiedlich. Bei HSL (Farbton, Sättigung, Helligkeit) reicht die Helligkeit von Schwarz über Reinfarbe bis Weiß, wobei 100 % Helligkeit immer Weiß ist. Bei HSV (Farbton, Sättigung, Wert) reicht der Wert von Schwarz bis Reinfarbe, wobei 100 % Wert die reinste Form der Farbe ist. HSL wird häufiger in CSS verwendet, während HSV häufig in Grafiksoftware zum Einsatz kommt.

Kann ich HEX- oder RGB-Werte direkt eingeben?

Ja. Sie können HEX-Werte (z. B. #3b82f6) oder RGB-Werte (z. B. rgb(59, 130, 246)) direkt in die Eingabefelder eingeben. Das Tool konvertiert sie sofort und aktualisiert alle anderen Formatanzeigen, die Farbvorschau und die Schiebereglerpositionen.

Wie kopiere ich einen Farbwert?

Klicken Sie auf die Kopieren-Schaltfläche neben einem beliebigen Formatwert. Der Farbwert wird im angezeigten Format in die Zwischenablage kopiert (z. B. #ff6b6b für HEX, rgb(255, 107, 107) für RGB). Sie können ihn dann direkt in CSS, Designtools oder Code-Editoren einfügen.