Eine Farbpalette vorbereiten
Erstellen Sie Farbtöne aus einer HEX-Farbe und erhalten Sie ihre RGB- und HSL-Werte.
- Erstellen Sie die FarbtöneHier
- Konvertieren einer Farbe
Farbpalette generieren
Erstellen Sie eine Farbpalette aus einer Ausgangsfarbe.
#RGB/#RRGGBB
Ihre Dateien werden hier auf Ihrem Gerät verarbeitet
Wir senden Ihre Datei- oder Textinhalte nicht an einen Verarbeitungsserver. Es ist kein Konto erforderlich und es gibt keine tägliche Betriebsquote. Einzelne Tools haben Größenbeschränkungen, um den Speicher Ihres Geräts zu schützen.
Eine Verbindung ist erforderlich, um die Website und ihre Ressourcen zu laden. Hosting kann technische Besuchsdaten erhalten. Favoriten speichern nur Werkzeugkennungen in diesem Browser.
Wie wir mit Ihren Daten umgehen →Wie man dieses Tool benutzt
- Geben Sie einen 3- oder 6-stelligen HEX-Code ein.
- Wählen Sie eine Farbanzahl und erstellen Sie die Palette.
- Überprüfen Sie die Farbfelder und kopieren oder laden Sie die Codes herunter.
Ein Beispiel, das Sie überprüfen können
Bereiten Sie eine Schattenfamilie für eine visuelle Komposition vor.
Beispieleingabe
#254F42
Erwartetes Ergebnis
#C9D3D0 #779189 #254F42 #173129 #091411
Die mittlere Farbe entspricht der Eingabe. Endpunkte mischen 75% weiß oder schwarz; überprüfen Sie den Kontrast, bevor Sie mit Text koppeln.
Farbpalette generieren: Gebrauch und praktische Anleitung
Das Erstellen einer Palette aus einer Grundfarbe liefert hellere und dunklere Varianten für die Erkundung einer Komposition. Das Tool generiert eine Tonskala, anstatt automatisch Komplementärfarben auszuwählen oder eine vollständige visuelle Identität zu erzeugen. Die Basis bleibt die zentrale Referenz, während sich andere Proben in Richtung hellerer oder dunklerer Erscheinungen bewegen. Wählen Sie eine unterstützte ungerade Menge, so dass die Referenz in der Mitte der Sammlung bleibt und neben ihren Varianten erkannt werden kann.
Varianten können helfen, Oberflächen, Ränder und Akzente zu testen, aber die Zuweisung einer Rolle erfordert die Überprüfung des gesamten Designs. Ein Muster, das für einen Hintergrund geeignet ist, kann für kleinen Text ungeeignet sein. Die wahrgenommene Helligkeit hängt auch von benachbarten Farben und dem Display ab. Wählen Sie keine Variante, nur weil sie eine bestimmte Position in der Skala einnimmt. Überprüfen Sie die tatsächliche Kombination, wo sie angezeigt wird, einschließlich der Größe und des Gewichts der begleitenden Beschriftung.
Die Palette berechnet nicht automatisch Kontrastverhältnisse oder garantiert die Zugänglichkeit. Verwenden Sie verständliche Etiketten oder Formen, wenn Zustände unterschieden werden müssen, anstatt sich nur auf Farbe zu verlassen. Überprüfen Sie Text und Hintergrundpaare mit einem geeigneten Kontrastwerkzeug. Die Tonerzeugung stellt auch keine Gleichwertigkeit mit Druckfarben oder professionellen Profilen her; diese Codes beschreiben bildschirmorientierte Farbdarstellungen. Eine zufriedenstellende Vorschau garantiert nicht, dass jede physische Reproduktion gleich aussieht.
Überprüfen Sie die zentrale Farbe und kopieren Sie die vollständigen Codes. Speichern Sie die Palette mit der beabsichtigten Rolle jedes Samples, damit ein anderer Editor einen Rahmen nicht mit einem Hintergrund verwechselt. Farbkonverter bietet RGB- oder HSL-Notation für einen bestimmten Wert. Graustufenbild untersucht Toninformationen in einem Bild, wendet diese Palette jedoch nicht automatisch auf seine Pixel an. Testen Sie die Ressourcen zusammen, bevor Sie die visuelle Auswahl als abgeschlossen betrachten.
Ein praktischer Check vor der Verwendung des Ergebnisses
Eine Designstudie kann Varianten zu Hintergrund, Rahmen und Akzent zuordnen und sie zusammen anzeigen. Überprüfen Sie die tatsächlichen Beschriftungen vor der Auswahl vor jedem Hintergrund. Speichern Sie Codes mit ihren Rollen, um die gleiche Kombination auf verschiedenen Seiten zu erhalten. Überprüfen Sie die gesamte Komposition, anstatt die Palettenposition als Garantie für einen angemessenen Kontrast zu behandeln.
Setzen Sie Ihre Aufgabe fort
Laden Sie das Ergebnis herunter oder kopieren Sie den Text, bevor Sie ein anderes Tool öffnen. Dann laden oder fügen Sie es in den nächsten Schritt ein; Inhalt wird nicht automatisch übertragen.
Optionen und Grenzen
Geben Sie eine 3- oder 6-stellige HEX-Farbe ein und wählen Sie 3, 5, 7 oder 9 Farben. Das Original bleibt in der Mitte. Hellere Farben mischen RGB-Kanäle mit weißen und dunkleren Farben mit Schwarz, bis zu 75%. Visuelle Muster und herunterladbare HEX-Codes sind enthalten.
Häufige Fragen
Gewährleisten diese Farben einen barrierefreien Textkontrast?
Nein. Diese Palette ist ein visueller Ausgangspunkt. Überprüfen Sie den Kontrast für jede Text/background-Kombination, bevor Sie ihn in einer Schnittstelle verwenden.
Sind meine Daten auf einem Server gespeichert?
Nein. Inhalte und Dateien werden in Ihrem Browser ohne Account verarbeitet. Das Schließen der Seite verliert nicht gespeicherte Ergebnisse.