Giga Useful ToolsFarbe
Farbpalette
Erstelle eine harmonische Palette aus einer Basisfarbe.
Alles wird in deinem Browser verarbeitet. Keine Datei wird auf einen Server hochgeladen.
- 1Wähle eine Basisfarbe mit dem Farbwähler, oder tippe ihren Hex-Code in das Textfeld.
- 2Beobachte, wie sich die sechsfarbige Palette (Schatten, dunkle Basis, Basis, Komplementär, Analog, Hell) sofort neu berechnet.
- 3Klicke auf ein Farbfeld, um seinen Hex-Code in die Zwischenablage zu kopieren.
Was sind die sechs Farben, die die Palette erzeugt?+
Ausgehend von deiner Basisfarbe berechnet das Tool einen Schatten (dunklere Version), eine dunkle Basis, deine Ausgangsfarbe, eine Komplementärfarbe (gegenüber im Farbkreis), eine analoge Farbe (einen benachbarten Farbton) und einen hellen Ton, praktisch für UI-Zustände, Illustrationsschattierung oder einen Markenauftritt.
Muss ich einen Hex-Code eingeben, oder kann ich die Farbe visuell wählen?+
Beides funktioniert: Nimm den Farbwähler für die visuelle Auswahl, oder tippe bzw. füge einen Hex-Code direkt in das Textfeld daneben ein. Beide bleiben synchron, und die Palette wird sofort neu berechnet.
Wie bekomme ich die Farbe eines Swatches in mein Design-Tool?+
Klicke auf eines der sechs Farbfelder: der Hex-Code wird direkt in die Zwischenablage kopiert, ein kurzes „Kopiert“ bestätigt es, bereit zum Einfügen in CSS, Figma oder wo du ihn brauchst.