Sieben Ausgangspaletten
Starte mit Material, Tailwind, Pastell, Vintage, Neon, Erdtöne oder Ozean und passe die Farben an dein Projekt an.
Farbpaletten-Generator
Stelle eine Farbpalette zusammen, bearbeite ihre Farben und ordne sie an. Speichere oder exportiere das Ergebnis für dein Projekt.
Modus wählen
Palettenvorlagen
Hex
#776487
Hex
#63B04F
Hex
#AC38B7
Hex
#63886D
Weitere Aktionen
Ähnliche Tools
Deine Statistiken
0
Gewählte Farben
0
Exportierte Paletten
0
Erstellte Verläufe
0
Kontrastprüfungen
Farbwähler
Meistgenutzter Modus
0%
Aktivitätswert
So erstellst du eine Farbpalette
Das Video konnte nicht geladen werden. Du kannst weiterhin der Anleitung unten folgen.
Das Video zeigt die englische Oberfläche.
Wähle zum Beispiel Pastell oder Ozean oder klicke auf Zufallspalette. Betrachte die Farben vor dem Bearbeiten zusammen. Die Zufallserzeugung liefert Vorschläge zum Weiterbearbeiten und prüft nicht, ob eine Palette zu bestimmten Designanforderungen passt.
Eine Palette zum Weiterverwenden
Zufallsfarben mit Sperren
Sperre die Farben, die du behalten möchtest. Beim nächsten zufälligen Generieren ändern sich nur die übrigen Farben.
Farben und Reihenfolge bearbeiten
Bearbeite, ergänze oder entferne Farben. Ziehe die Karten in die gewünschte Reihenfolge.
3 weitere anzeigenWeniger anzeigen
Dateien und CSS-Variablen
Exportiere die Palette als PNG, JPG oder SVG, bei Bedarf mit HEX- und RGB-Beschriftungen. Lade JSON herunter oder kopiere die Farben als CSS-Variablen.
Benannte Vorlagen
Speichere eine benannte Palette in diesem Browser. Eine ungespeicherte Arbeitspalette wird beim erneuten Öffnen durch Material ersetzt.
Weitere Farbwerkzeuge
Öffne Farben aus Bildern, um eine Palette aus einem Foto zu gewinnen. Über die Modusauswahl erreichst du auch Farbwähler, Verläufe und Kontrastprüfung.
Häufige Fragen
Wie erstelle ich eine Farbpalette?
Wähle eine Vorlage oder erzeuge Zufallsfarben. Bearbeite die Farbfelder, sperre einzelne Farben vor dem nächsten Generieren und ordne die Karten durch Ziehen an. Exportiere das Ergebnis oder speichere es unter einem Namen.
Kann ich eine zufällige Palette erstellen?
Ja. Zufallspalette ersetzt die nicht gesperrten Farben. Gesperrte Farben bleiben erhalten, sodass du verschiedene Kombinationen mit einer festen Ausgangsfarbe ausprobieren kannst.
Kann ich eine Palette aus einem Foto erstellen?
Öffne über die Modusauswahl Farben aus Bildern. Dieses Werkzeug ermittelt vorherrschende Farben aus einem unterstützten Bild. Der Paletten-Generator dient zum Bearbeiten einer Zusammenstellung von Farbfeldern.
Welche Vorlagen sind enthalten?
Material, Tailwind, Pastell, Vintage, Neon, Erdtöne und Ozean. Jede Vorlage enthält vier Ausgangsfarben. Sie ist weder ein vollständiges Designsystem noch eine Garantie für Barrierefreiheit.
4 weitere anzeigenWeniger anzeigen
Welche Exportformate gibt es?
Lade die Palette als PNG, JPG oder SVG herunter, bei Bedarf mit HEX- und RGB-Beschriftungen, oder als JSON mit HEX- und RGB-Werten. CSS-Variablen kannst du kopieren. Für PNG und JPG ist die Breite einstellbar. Der Export enthält die Palette, nicht deinen gesamten Entwurf.
Kann ich Farben sperren und neu anordnen?
Ja. Das Schloss am Farbfeld erhält dessen Farbe beim zufälligen Generieren. Ziehe eine Karte am Griff, um die Reihenfolge zu ändern. HEX und RGB wechseln die Darstellung der Werte.
Ist der Paletten-Generator kostenlos?
Ja, MORELESS stellt ihn ohne Konto bereit. Speichere die Palette unter einem Namen, um sie in diesem Browser zu behalten. Exportiere zusätzlich eine Kopie als eigene Sicherung.
Ist meine Palette beim nächsten Besuch noch da?
Benannte Vorlagen werden über IndexedDB in diesem Browser gespeichert. Eine ungespeicherte Arbeitspalette wird beim erneuten Öffnen durch Material ersetzt. Beim Löschen der Websitedaten können gespeicherte Vorlagen verloren gehen. Sie werden nicht zwischen Geräten synchronisiert.
Technische Details
Vorlagen und Zufallsfarben
Jede der sieben Vorlagen enthält vier Farben. Die Zufallserzeugung wählt Farbton, Sättigung und Helligkeit und wandelt sie in RGB-Farben um. Sperren erhalten Farben beim erneuten Generieren anhand ihres HEX-Werts.
Farbfelder bearbeiten
Karten lassen sich bearbeiten, hinzufügen, entfernen und umordnen. HEX und RGB stellen dieselben Farben unterschiedlich dar. Fokusmodus zeigt die Palette als größere senkrechte Streifen.
2 weitere anzeigenWeniger anzeigen
Exportformate
Für PNG und JPG lässt sich die Breite von 120 bis 7680 px einstellen. Die Höhe beträgt etwa ein Sechstel der Breite. SVG nutzt einen Koordinatenraum von 1200 × 200. Bilder können HEX- und RGB-Beschriftungen enthalten. CSS wird als nummerierte benutzerdefinierte Eigenschaften kopiert. JSON enthält HEX- und RGB-Werte.
Benannte Vorlagen in diesem Browser
Benannte Paletten liegen im gemeinsamen IndexedDB-Speicher von Color Studio. Die ungespeicherte Arbeitspalette wird nach dem erneuten Öffnen nicht wiederhergestellt. Exportiere Kopien, bevor du den Browserspeicher löschst.