Farbpaletten-Generator
Erstelle eine Farbpalette aus fünf Farben zu einer Startfarbe, kostenlos und online. Wähle analog, monochrom, komplementär, geteilt komplementär, triadisch oder tetradisch, oder lass dich von einer zufälligen Startfarbe überraschen. Kopiere die Palette als HEX-Liste oder als CSS-Variablen. Nichts wird gesendet.
So erstellst du eine Farbpalette
- 1Gib eine „Startfarbe“ ein oder klicke auf „Zufällige Startfarbe“
- 2Wähle die „Art der Palette“
- 3Kopiere einzelne Farben oder die ganze Palette als Liste oder CSS-Variablen
- Eine Palette aus fünf Farben, fertig zum Einfügen
Was du bekommst
- Fünf Farben, die passen.Jede Palette baut auf deiner Startfarbe auf. Sie steht unverändert darin, außer sie ist fast schwarz oder weiß
- Gleichmäßige Helligkeit.Die Farben werden in OKLCH berechnet, Farben gleicher Helligkeit wirken also gleich hell
- Nichts wird gesendet.Die Palette entsteht in deinem Browser, auf deinem eigenen Gerät
Was du tun kannst
- Von einer Farbe ausgehen, eingegeben als #hex, rgb(), hsl(), lab(), oklch(), CSS-Farbname oder Tailwind-Name oder mit dem Farbwähler ausgesucht
- Eine von sechs Arten wählen: Analog, Monochrom, Komplementär, Geteilt komplementär, Triadisch oder „Tetradisch (Rechteck)“
- Auf „Zufällige Startfarbe“ klicken für eine neue Startfarbe mittlerer Helligkeit und mäßiger Sättigung
- Jede Farbe mit einem Klick als HEX kopieren
- „Als HEX-Liste kopieren“ für einen HEX-Wert pro Zeile oder „Als CSS-Variablen kopieren“ für einen :root-Block von --color-1 bis --color-5
Gut zu wissen
- Manche Arten nehmen hellere und dunklere Versionen desselben Farbtons dazu. Geteilt komplementär und tetradisch enden mit einer sehr hellen Aufhellung deiner Farbe, gut als Hintergrund
- Farben außerhalb des Bildschirmbereichs werden nach CSS-Art zurückgeholt, Helligkeit und Farbton bleiben dabei
- Die Helligkeit bleibt zwischen 12 % und 98 %, Schwarz wird also zu #060606 und Weiß zu #F8F8F8. Ein Grau hat keinen Farbton, seine Palette besteht nur aus Grautönen
- Eine Palette, die gut aussieht, ist noch nicht gut lesbar. Prüfe Text und Hintergrund mit dem Kontrastprüfer oder dem Markenpaletten-Prüfer
Fragen
Wie erstelle ich eine Farbpalette aus einer Farbe?
Gib deine Farbe als Startfarbe ein und wähle eine Art der Palette. Sofort erscheinen fünf Farben rund um deine, die du als Liste oder als CSS-Variablen kopieren kannst.
Wie sieht eine analoge Palette aus?
Analoge Farben liegen auf dem Farbkreis nebeneinander. Aus dem voreingestellten Petrol #2A9D8F macht das Tool #467B43, #358D69, #2A9D8F, #36ABB4 und #56B6D6, von Grün bis Hellblau.
Kann ich eine zufällige Farbpalette bekommen?
Ja. „Zufällige Startfarbe“ wählt mit den sicheren Zufallszahlen deines Browsers eine neue Startfarbe, und die Palette folgt ihr in der gewählten Art.
Wird meine Palette an einen Server gesendet?
Nein. Die Farben werden von deinem Browser auf deinem eigenen Gerät berechnet. Mit ihnen geht keine Anfrage hinaus.
Weitere Tools in „Web & Code“
Diese Seite gibt es nicht. Such unten oder zieh eine Datei hierher, um das passende Werkzeug zu finden.
Eine Website für jede Dateiaufgabe. Welche ist deine?
Schluss mit dem Hin und Her zwischen Konverter-Websites. Wähle eines von 410+ Tools oder ein Rezept, das mehrere aneinanderreiht.
- Dateien bleiben auf deinem Gerät
- Kein Wasserzeichen
- Funktioniert offline
Datei hierher ziehen
Eine eingefügte Datei geht auch.
oder such ein Tool
Eine App öffnen
Von „uff, diese Datei“ zu erledigt, in drei Schritten.
- Zieh sie rein oder wähl eine Aufgabe
Keine Datei? Such, was du brauchst. Dateien werden auf deinem Gerät verarbeitet, nicht zur Verarbeitung hochgeladen.
- Wähl, was du willst
Kleiner, ein anderes Format, unterschrieben, zusammengefügt. Ein Klick, ohne erst Einstellungen zu studieren.
- Mach ein Rezept daraus
Jede Woche dieselben drei Schritte? Reih sie einmal aneinander und lass beim nächsten Mal dasselbe Rezept laufen.
Ein freigegebener Werkzeugkasten für das ganze Team.
Ob im Büro, auf der Baustelle oder in der Agentur: Teams arbeiten den ganzen Tag mit vertraulichen Dateien. ToolRecipe gibt allen dieselben Werkzeuge und dieselben Rezepte, und die Dateien werden auf dem eigenen Computer jeder Person verarbeitet.
- Dateien werden auf dem Gerät der Mitarbeitenden verarbeitet
- Firmenrezepte, die alle gleich ausführen
- Ein Ort statt zehn Konverter-Seiten