Farbe wählen. Jedes Format erhalten. Paletten generieren.
ColorPick ist ein kostenloser Online-Farbwähler, mit dem du jede Farbe auswählen und ihren Wert sofort in HEX, RGB, HSL, CSS und Tailwind-Formaten anzeigen kannst. Klicke auf einen Wert, um ihn in die Zwischenablage zu kopieren. Das Tool generiert auch Schattierungen, Tönungen und Komplementärfarben, damit du eine vollständige Palette erstellen kannst, ohne zwischen Apps zu wechseln. Alles läuft in deinem Browser, deine Auswahlen werden nie an einen Server gesendet.
HEX-Codes sind das gängigste Format für Webfarben und verwenden sechs Zeichen zur Darstellung der Rot-, Grün- und Blaukanäle. RGB teilt dieselbe Information in drei Dezimalwerte auf, was für JavaScript- und CSS-Funktionen nützlich ist. HSL beschreibt Farbe durch Farbton, Sättigung und Helligkeit, was das Erstellen konsistenter Paletten erleichtert, da du die Helligkeit anpassen kannst, ohne den Grundfarbton zu ändern. ColorPick zeigt alle drei Formate gleichzeitig an, damit du immer das richtige hast.
Schattierungen werden durch Mischen einer Farbe mit Schwarz erstellt und erzeugen dunklere Variationen, die gut für Text, Ränder und Hover-Zustände funktionieren. Tönungen mischen die Farbe mit Weiß und geben dir hellere Optionen, ideal für Hintergründe und subtile Akzente. Komplementärfarben befinden sich auf der gegenüberliegenden Seite des Farbkreises und erzeugen starken visuellen Kontrast, wenn sie zusammen verwendet werden. ColorPick generiert all dies automatisch aus deiner ausgewählten Farbe.
Nachdem du deine Palette gewählt hast, nutze den Gradient-Generator, um deine Farben in sanfte CSS-Verläufe zu mischen. Du kannst auch deine Markenfarbe auf ein benutzerdefiniertes Favicon anwenden, um die Identität deiner Website über Browser-Tabs hinweg konsistent zu halten.
Build smooth color transitions with our CSS gradient generator, create a favicon for your site using the favicon generator, or frame your designs with the screenshot mockup tool.