Farbwähler & Konverter

Wähle eine Farbe und wandle zwischen HEX, RGB, HSL und HSV um – mit einem Verlauf deiner zuletzt verwendeten Farben, der auf deinem Gerät gespeichert wird.

Vorschau

#2563eb · rgb(37, 99, 235) · hsl(221.21, 83.19%, 53.33%)

Vorschau

Beliebige CSS-Farbe

Probiere #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) oder einen Namen wie teal.

RGB

HSV

HSL

Zuletzt verwendete Farben

Noch keine Farben gespeichert. Speichere die aktuelle Farbe oder kopiere einen Wert, um die Liste zu beginnen.

So funktioniert es

Wähle eine Farbe mit dem Farbfeld, dem HEX-Feld oder indem du eine beliebige CSS-Farbe in das Freitextfeld eingibst.
Die Felder RGB, HSL und HSV sind synchronisiert: Ändere eines davon und die anderen werden sofort aktualisiert.
Verwende die Kopier-Schaltflächen, um den Wert genau in dem Format zu kopieren, das du brauchst.
Speichere die aktuelle Farbe in der Liste der zuletzt verwendeten Farben und klicke auf ein gespeichertes Farbfeld, um sie später erneut anzuwenden.

Hinweise

Alle Umrechnungen laufen in deinem Browser; die von dir gewählten Farben werden nie an einen Server gesendet. Zuletzt verwendete Farben werden nur im localStorage dieses Geräts gespeichert und können jederzeit gelöscht werden. Das Freitextfeld akzeptiert #hex, rgb(), hsl() und eine kleine Auswahl benannter Farben wie teal.

Häufige Fragen

Was ist der Unterschied zwischen HSL und HSV?: Bei HSL steht L für die Helligkeit: Die lebhafteste Farbe liegt auf halbem Weg zwischen Schwarz (0%) und Weiß (100%). Bei HSV steht V für den Wert: 100% ist die hellste reine Farbe. Verwende das Modell, auf dem dein Arbeitsablauf basiert.
Wird Transparenz (Alpha) unterstützt?: Diese Farbauswahl arbeitet mit deckenden Farben. Wenn du einen Wert mit Alpha wie #rrggbbaa oder rgba() einfügst, wird nur der RGB-Anteil verwendet.