Command Palette

Search for a command to run...

FA

Farbauswahl & Konverter

Wählen Sie Farben aus und konvertieren Sie zwischen den Formaten HEX, RGB und HSL

Opacity100%
r
102
g
126
b
234
HEX#667EEA
HEXA#667EEAFF
RGBrgb(102, 126, 234)
RGBArgba(102, 126, 234, 1)
HSLhsl(229, 76%, 66%)
HSLAhsla(229, 76%, 66%, 1)
HWBhwb(229 40% 8%)
LABlab(56% 22 -57)
LCHlch(56% 61.1 291.1)
OKLABoklab(0.63 0 -0.16)
OKLCHoklch(0.63 0.16 270)
#667EEA
Category:color
Mode:Offline
Version:1.0.0
Access:Free

Was ist Farbwähler & Konverter?

Color Picker & Converter interface on Toolz.dev - Pick colors and convert between HEX, RGB, and HSL formats

Color Picker & Converter ist ein kostenloses Online-Tool, mit dem Sie Farben visuell auswählen und zwischen beliebten Farbformaten wie Hex, RGB und HSL konvertieren können. Es ist ein unverzichtbares Hilfsmittel für Webdesigner, Entwickler, Grafiker und alle, die mit digitalen Farben arbeiten.

Das Werkzeug bietet einen interaktiven Farbwähler mit Spektrum-Selektor, Helligkeits- und Sättigungsregler und einen Opazitätsregler. Wenn Sie eine Farbe auswählen, sehen Sie sofort den entsprechenden Hex-Code, die RGB-Werte und die HSL-Werte, sodass Sie das genaue Format, das Sie für Ihr Projekt benötigen, einfach erfassen können.

Neben der Grundfarbenauswahl generiert das Tool auch komplementäre, analoge und andere Farbharmonie-Paletten basierend auf Ihrer ausgewählten Farbe. Dies hilft Ihnen, schnell zusammenhängende Farbschemata für Websites, Apps und Designprojekte zu erstellen. Alle Verarbeitungen laufen in Ihrem Browser ohne Installation erforderlich.

HEX, RGB und HSL sind drei Möglichkeiten, dieselbe sRGB-Farbe statt drei Farbräume zu schreiben, sodass die Konvertierung zwischen ihnen in beide Richtungen exakt und verlustfrei ist. HSL ist die nützliche Methode, um darin zu denken, denn durch Anpassen der Helligkeit oder Sättigung beim Halten des Farbtons bleiben die Farben in derselben Familie, was durch Bearbeiten von Hex-Ziffern weitaus schwieriger zu bewerkstelligen ist. Modernes CSS fügt Notationen hinzu, die außerhalb von sRGB reichen, wie z. B. oklch und display-p3, und diese können Farben beschreiben, was hier ausgedrückt wird, bleibt innerhalb von sRGB, was die sichere gemeinsame Grundlage ist, die der Augentropper, bei dem Browser eine Originaldierte Datei probiert, die gerenderte Pixel und nicht die Farbe oder der ausgewählte Bild, so dass ein Farbwert von einem ausgewählten Bild aus der Farbe oder ein Bild maskiert wurde.

Wie verwende ich den Farbwähler & Konverter?

1

Wählen Sie eine Farbe

Wählen Sie mit der visuellen Farbauswahl eine Farbe aus, indem Sie auf das Spektrum klicken, den Farbtonregler anpassen oder einen bestimmten Farbwert in einem beliebigen Format eingeben.

2

Farbwerte anzeigen

Die ausgewählten Farben in den Formaten HEX, RGB und HSL werden gleichzeitig angezeigt. Jedes Format wird in Echtzeit aktualisiert, wenn Sie die Farbe anpassen.

3

Erkunden Sie Farbharmonien

Sehen Sie sich ergänzende, analoge, triadische und andere Farbharmonie-Vorschläge basierend auf Ihrer ausgewählten Farbe, um zusammenhängende Paletten zu erstellen.

4

Kopieren Sie den Farbcode

Klicken Sie auf ein beliebiges Farbformat, um es in Ihre Zwischenablage zu kopieren. Verwenden Sie es direkt in Ihrem CSS, Design-Tool oder Ihrer Anwendung.

Hauptmerkmale

Alpha-Kanal-Unterstützung

Liest und schreibt 8-stellige HEX und rgba, sodass eine Farbe mit Transparenz die Konvertierung übersteht, anstatt ihr Alpha zu verlieren

Multiformat-Konvertierung

Konvertieren Sie sofort zwischen den Farbformaten HEX, RGB und HSL mit einer einzigen Farbauswahl

Visueller Farbwähler

Interaktives Farbspektrum mit Farbton-, Sättigungs- und Helligkeitsreglern für präzise Farbauswahl

Farbharmonie-Paletten

Erzeugen Sie automatisch komplementäre, analoge, triadische und geteilte Farbschemata

Frequently Asked Questions

Teilen Sie den sechsstelligen Hex-Code in drei Paare und lesen Sie jedes Paar als hexadezimale Zahl von 0 bis 255. In # FF5733 ist FF 255 (rot), 57 ist 87 (grün) und 33 ist 51 (blau) und ergibt RGB (255, 87, 51). Fügen Sie den Hex-Code in den Picker ein und die RGB- und HSL-Werte werden sofort angezeigt.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

colorpickerconverterhexrgbhslpalettecomplementaryanalogous