Kategorie: Entwicklung
Farbpaletten-Generator
Ein Schema rund um eine Farbe aufbauen
Wählen Sie eine Grundfarbe und erhalten Sie eine passende Palette nach Beziehung im Farbkreis: komplementär, analog, triadisch, tetradisch, monochrom oder als Abstufungsleiter. Jeder Wert lässt sich als HEX, RGB oder HSL kopieren.
- 1
#0f7b63 - 2
#7b0f26 - 3
#073b30 - 4
#3b0712 - 5
#17ba97
#0f7b63 #7b0f26 #073b30 #3b0712 #17ba97
Die Palette wird aus der eingegebenen Farbe berechnet. Nichts wird hochgeladen.
Alles auf dieser Seite wird in Ihrem Browser verarbeitet. Nichts wird hochgeladen.
Wozu dieses Werkzeug dient
Die Beziehungen hinter einer Palette sind Geometrie auf dem Farbkreis: Die Komplementärfarbe liegt gegenüber, analoge Farben liegen daneben, eine Triade sind drei gleichmäßig verteilte Punkte. Von Hand heißt das nach HSL umrechnen, Grad addieren und zurückrechnen, und genau da hört das Ausprobieren meist auf. Hier wird der Farbton für Sie gedreht, und wenn ein Schema weniger Töne hat als gewünschte Felder, wird die Helligkeit gestuft statt eine Farbe zu wiederholen: Fünf Felder aus einem Komplementärpaar bleiben fünf brauchbare Farben. Jedes Feld trägt eine lesbare Beschriftung und lässt sich in der Notation kopieren, die Ihr Stylesheet verwendet.
So funktioniert es
- Wählen oder tippen Sie die Grundfarbe.
- Wählen Sie ein Schema und die Anzahl der Farben.
- Kopieren Sie einen einzelnen Wert oder die ganze Palette.
Datenschutz
Dieses Werkzeug läuft vollständig in Ihrem Browser. Ihre Eingabe wird nie hochgeladen, gespeichert oder weitergegeben – beim Schließen des Tabs ist sie weg.
Häufig gestellte Fragen
- Mit welchem Schema fängt man an?
- Analog für einen ruhigen, verwandten Satz, komplementär für einen Akzent, der heraussticht, monochrom, wenn die Oberfläche zurücktreten und der Inhalt führen soll.
- Sind diese Paletten barrierefrei?
- Nicht automatisch. Ein Schema regelt Harmonie, nicht Kontrast. Prüfen Sie jedes Paar aus Text und Hintergrund vor dem Ausliefern mit einem Kontrastprüfer.
- Wird meine Farbe irgendwohin gesendet?
- Nein. Die Palette wird auf der Seite aus der eingegebenen Farbe berechnet, nichts wird hochgeladen oder gespeichert.